Tokens · v0.10
Tokens
Every value in Zetta is a token, generated straight from the design spec and emitted as CSS
custom properties. Reference them as var(--color-…), var(--space-…),
and so on. Only colors and shadows change between the three themes.
Color
Brand, semantic, surface, text, chart and loading colors — per theme.
55 tokens →Typography
The Inter / Geist / Geist Mono type scale.
10 tokens →Spacing & radius
The spacing step scale and the two-radius system.
9 tokens →Shadows
Theme-specific elevation — overlays only; none in Accessibility.
3 tokens →Motion
Durations and easing curves.
10 tokens →