Foundations
Every visual value comes from a token in src/styles/tokens.css. Components reference semantic aliases — never raw hex. Change a token, and it updates everywhere.
Colour
Brand, neutrals and semantic aliases.
Explore →Typography
The two families and the full type scale.
Explore →Spacing
The one spacing scale, visualised.
Explore →Layout
1920 reference, gutters and content widths.
Explore →Radius & shadow
Corner radii and elevation tokens.
Explore →Icons
The stroke icon set used across the components.
Explore →