Skip to content

Design Tokens

“Looks good” check (10 seconds)

  • Text is easy at first glance (no cramped measure).
  • Links look like links (underlined).
  • One action visually wins (CTA isolation).
  • Tap targets feel generous (48×48).
  • No layout shift when fonts/images load.
Bad vs good (spacing)
Bad
Tight line-height and cramped padding slow scanning. Users hesitate.
CTA
Good
Comfortable rhythm. Users decide faster and click sooner.
Primary action

Design Tokens

Tokens are a performance tool. They prevent random UI. Random UI increases hesitation. Hesitation reduces CTR.