Skip to content

Foundations

Typography

Type tokens — weight, tracking, line-height

The four-step weight scale, the three tracking constants, and the line-height bands behind everything in Type scale. Stick to these when adding a new typographic role - emphasis lifts through weight, not size.

Weights

  • 700 - H1 display anchor. Used once per page.
  • 600 - H2 / H3 / H4 sub-headings; inline strong; mono eyebrow when bold.
  • 500 - interactive labels (buttons, links), mono eyebrow default.
  • 400 - body copy + body lede. Quiet by default; emphasis lifts via weight, not size.

Tracking + line-height

  • --tracking-tight: -0.02em (display).
  • --tracking-normal: 0 (body).
  • --tracking-eyebrow: 0.12em (mono uppercase).
  • Line-height: display 1.06–1.2; body 1.55.
Typography · Fonts