NorbieLink
search close
Home› Foundations› Typography

Montserrat throughout. The type system is small and flat: eleven sizes, four weights, and a line-height that is 1.5× the font size almost everywhere. Letter-spacing is normal except in three places.

Scale

Measured off the running app. Line-height is inherited rather than declared, which is why it tracks 1.5× so consistently — a rule that sets font-size and forgets line-height will render ~1.2× and read noticeably tight.

SampleSizeWeightsLine heightTrackingUsed for
Aa 24px60024px-0.6pxKPI numbers — the only place line-height is collapsed
Aa 22px40033pxnormalPage title
Aa 17px70025.5pxnormalDialog title
Aa 15px60022.5pxnormalCard and section title
Aa 13px400 · 500 · 600 · 70019.5pxnormal · 0.26px on tabsBody — the workhorse size
Aa 12.5px50018.75pxnormalSegmented control
Aa 12px400 · 60018pxnormalSecondary text, small buttons, toast body
Aa 11.5px400 · 50017.25pxnormalPagination
Aa 11px400 · 500 · 60016.5px · 16px on badgesnormalBadges, status chips, captions
Aa 10px400 · 500 · 60015px · 12.5px on PROnormal · 1pxPRO badge, uppercase labels
Aa 9px700—0.9pxNEW badge only

Weights

Four, and no more. 800 and 900 do not appear anywhere in the product — the DS used to carry 800 in 34 places.

SampleWeightUsed for
Montserrat400Body, table cells, tab labels
Montserrat500Nav items, secondary labels, status chips
Montserrat600Buttons, badges, card titles, emphasis
Montserrat700KPI numbers, dialog titles — used sparingly

Rules

Set line-height whenever you set font-size. Omitting it falls back to normal (~1.2×), which is visibly tighter than the product.
Use 1.5 unless you are matching one of the three exceptions: the 24px KPI (leading-none), the dialog body (1.625), or badge labels (a flat 16px).
Leave tracking at normal. The only deliberate exceptions are the 24px KPI (-0.6px), uppercase 10px labels (1px) and the NEW badge (0.9px).
Never reach past 700.