Token Preview

Created Mar 13, 2026Updated Jun 20, 2026Takeshi Takatsudo

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