Background: the original screenshot has the old UI baked in, so this is a reconstructed illustration in the same scene and style (generated for this comparison). Station positions are traced from the original. Avatar is the original character, kept for comparison.
Top bar at 1.8×
Left: navigation and shared class metric. Centre: lesson video (brain + play). Right: personal metrics and identity.
Interaction states
Default · hover · pressed · keyboard focus. Hover is a bonus on touch; pressed and focus are mandatory.
Milestone states at 1.6×
Type badge (what) is separated from state (where you are). Stars appear only on completed stations. Locked is a demo state, pending product verification.
Connector between stations
Completed route is solid, upcoming route is dashed or dotted, with a soft halo so it stays readable over any illustration.
Six activity types from the original map, redrawn as a single monoline set. Meaning of each type is inferred from the source icon and marked as an assumption. Stroke weight per concept: Atlas 1.75 · Signal 1.5 · Poster 2.25.
Activity types
HUD and state glyphs
Machine-readable copy: design-tokens.json in this folder. Hebrew: each concept names a Hebrew-capable fallback family; the layout mirrors with dir="rtl" (try the toggle above).