Design Tokens
Token Explorer
CSS variables for color, type, space, radius, elevation, and motion. Copy variables directly, then compose them into predictable product UI.
Colors
All brand, surface, text, and semantic color tokens
Typography
Font family tokens
Spacing
Consistent spacing scale used throughout the system
Border Radius
Consistent radius scale for rounded corners
Shadows
Elevation and glow effects
Motion
Duration and easing tokens for consistent animation