Learner surfaces aligned to the Figma design system
Earned certificates get their seal, code and share link; the roadmap nests chapters inside layer cards behind a segmented List / Map toggle; practice runs on one flat question card; chapter diagrams use the Evergreen palette.
The Earned tab now reads like the design: each certificate row carries a round green seal, its UPS-xxxx-xxxx code instead of a raw record id, a primary "View certificate" and a plain "Share" link. The right column shows the verification address format and lists the skills you evidenced as chips.
On the roadmap, the List / Map switch is a segmented control and each layer is a single card with its chapter rows inside it, the current chapter marked with a green edge. The chapter page drops its second sticky bar: the back link and chapter name sit as a breadcrumb line at the top of the reading column, under the Chapter / Practice / Sources tabs.
Practice sets are one flat white question card at a time, with "Question n of m" at the top and the set list on the right, instead of a stacked deck. Concept diagrams inside chapters are drawn in the app's green palette rather than the blog's warm one.