Reference Library
Space
Dark-mode system. Metropolis · Inter · IBM Plex Mono. Built for high-contrast digital products on dark surfaces.
01 — Colors
Color tokens
Brand
Primary scale
Neutrals — on-dark (opaque)
Neutrals — on-bright (opaque)
02 — Typography
Type scale
03 — Scale
Spatial scale
04 — Containers
Container widths
05 — Aspect Ratios
Ratio tokens
06 — Elevation
Surface elevation
07 — Easing
Power easing
08 — Duration
Duration tokens
09 — Radius
Border radius
10 — Borders
Border width
11 — Blur
Backdrop blur
12 — Z-Index
Layer scale
Reference Library
Seed
Organic, earth-toned system. Exo 2 · Inter · IBM Plex Mono. For nature-aligned, regenerative product contexts.
01 — Colors
Color tokens
Brand
Primary scale
Secondary scale
Accents — Elm
02 — Typography
Type scale
03 — Scale
Spatial scale
Shared with Space — same geometric progression.
04 — Containers
Container widths
Shared with Space — same container token system.
05 — Aspect Ratios
Ratio tokens
06 — Easing
Power easing
07 — Duration
Duration tokens
08 — Radius
Border radius
09 — Borders
Border width
10 — Shadows
Shadow tokens
11 — Blur
Backdrop blur
12 — Z-Index