Size, weight and leading form a scale; using steps deliberately creates hierarchy.

Principles#

Build a ladder: display (4xl–6xl), title (2xl–3xl), heading (xl), body (base), meta (sm/xs). Each rung changes at least two properties (size AND weight) so hierarchy reads instantly.

Applied#

  • Apply it to your next feature, not a mythical redesign
  • Encode the decision as a token or component
  • Write one paragraph of team guidance
  • Audit an existing page against the principle

design/index|Design guides · themes/index|Themes