Typography

One typeface, eleven steps. Display moments use InterVariable's weight axis, never a second family — the ramp being sufficient is part of the argument. Each step below is rendered at its true size.

Weight axis

InterVariable's variable weight axis carries every display moment — 300 to 700, never a second family.

Grain·weave·patina·sheen·texture

The ramp

Title

text-title3.75rem (60px)

Honed limestone

Heading Large

text-heading-lg3rem (48px)

Brushed brass

Heading

text-heading2.25rem (36px)

Reclaimed oak

Heading Small

text-heading-sm1.875rem (30px)

Veined marble

Subheading Large

text-subheading-lg1.5rem (24px)

Fluted glass

Subheading

text-subheading1.25rem (20px)

Powder-coated steel

Paragraph Large

text-paragraph-lg1.125rem (18px)

Tumbled travertine

Paragraph

text-paragraph1rem (16px)

Woven cane and rattan

Paragraph Small

text-paragraph-sm0.875rem (14px)

Anodised aluminium trim

Caption

text-caption0.75rem (12px)

Cross-laminated timber

2xs

text-2xs0.6875rem (11px)

Board-formed concrete