Theme

Type

One scale, each size paired with its line height and, where it has one, its tracking. The heading sizes are fluid: clamp() between a minimum and a maximum, so they scale with the viewport without a breakpoint. Sizes are in rem and follow the reader's font size setting. Inter's optical-size axis gives the large sizes its display cut on its own.

Scale

Token	Value	Preview	Use
`text.xxsSize`	`0.6875rem / 1.4545`	Formal foundations	Mono index chips and the smallest labels, set in capitals.
`text.overlineSize`	`0.75rem / 1.1667`	Formal foundations	Eyebrow labels and section titles, set in capitals.
`text.xsSize`	`0.75rem / 1.5`	Formal foundations
`text.smSize`	`0.875rem / 1.4286`	Formal foundations
`text.baseSize`	`1rem / 1.5`	Formal foundations
`text.lgSize`	`1.125rem / 1.3333`	Formal foundations
`text.xlSize`	`1.25rem / 1.3`	Formal foundations	Card titles.
`text.xxlSize`	`1.5rem / 1.25`	Formal foundations	Page titles in an app.
`text.headingSmSize`	`clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem) / 1.1`	Formal foundations	Section headings: fluid between a minimum and a maximum.
`text.headingLgSize`	`clamp(2.25rem, 1.7rem + 2.5vw, 3.5rem) / 1.07`	Formal foundations	The page's hero heading: fluid between a minimum and a maximum.
`text.quoteSize`	`1.5rem / 1.3`	Formal foundations	Quotes, in the serif.

Families

Token	Value	Preview	Use
`font.sans`	`Inter, ui-sans-serif, system-ui, sans-serif`	Aa Bb 0123
`font.serif`	`"Source Serif 4", Georgia, serif`	Aa Bb 0123	Quotes and editorial headlines on the site; never in an app.
`font.mono`	`"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace`	Aa Bb 0123

Weights

The faces are variable fonts, so the 650 of the bold renders as drawn rather than rounded to 700.

Token	Value	Preview
`font.weightRegular`	`400`	Formal foundations
`font.weightMedium`	`500`	Formal foundations
`font.weightSemibold`	`600`	Formal foundations
`font.weightBold`	`650`	Formal foundations

Measure and tracking

Token	Value	Use
`text.measure`	`40rem`	The longest comfortable line of body text.
`text.headingTracking`	`-0.01em`	Tracking for headings up to headingSm.