Design System
Viewer Kit — tokens, atoms, handlers
The visual and behavioural source of truth for everything the learner
sees on the lab stage. Colour tokens, typography, atom CSS, handler
UI components, widgets, and live camera presets.
Every page is wired to the same CSS the lab loads at runtime — when
tokens change, the catalog updates with them.
Inside
- Tokens — colour, type scale, spacing, radii, shadows
- Atoms —
button, pill
- Handlers — step bar, time control, widget, modal, completion
- Widgets & camera presets