Token Preview
A visual reference of all available tokens in the tight token strategy. Use this page as a quick cheat sheet when choosing spacing, color, or typography values.
Spacing Tokens
Horizontal Spacing (hsp)
Horizontal Spacing Tokens
Vertical Spacing (vsp)
Vertical Spacing Tokens
Color Tokens
Brand Colors
Brand Color Tokens
State Colors
State Color Tokens
Surface, Text, and Border Colors
Surface, Text, and Border Tokens
Typography Tokens
Font Sizes
Font Size Tokens
Font Weights
Font Weight Tokens
Line Heights
Line Height Tokens
Font Families
Font Family Tokens