Type

A 1.200 scale from 16px, with line heights on the 4px grid.

Body roles

Prose and long-form reading.

Marketing and hero type. Rare in product UI.

Geist for UI, Geist Mono for code. Three lines to swap.

Document structure. Visual role, not heading level.

UI chrome. Eyebrow is the only role ever uppercased.

Line length caps for readable prose.

1.200 ratio from 16px. Line heights snap to the 4px grid.

Large type needs negative tracking; small type needs positive.