Primitives
The foundation layer of the design system. Raw, immutable values that define colors, spacing, typography metrics, and other fundamental measurements. These tokens are referenced by semantic and component tokens.
Token Categories
Explore the fundamental building blocks
Colors
22 color families with 11 shades each (50-950), plus base colors
Spacing
31 spacing values from 0px to 256px based on 4px/8px grid
Border Radius
9 radius values from 0px to full (9999px)
Durations
8 animation timing values from 75ms to 1000ms
Font Weights
9 font weight values from thin (100) to black (900)
Line Heights
6 line height multipliers from 1 to 2
About Primitives
Primitives are the lowest layer in our token architecture. They contain raw, literal values that never reference other tokens. Semantic tokens (like ) reference these primitives to create meaningful, context-aware tokens.