Typography

Two families, a scale in 3 modes (desktop/tablet/mobile), and one utility class per style : no hand-written font-size.

Families

Oswald Headings and display text. Condensed, ranging from 200 to 700 — no 800 weight, no italic : headings cap out at 700. Download Oswald
Google Sans Flex Body text, labels, buttons. Variable, from Light to ExtraBold. Download Google Sans Flex

Scale (desktop)

Ag 48/58 .ragt-h1
Ag 40/52 .ragt-h2
Ag 32/48 .ragt-h3
Ag 24/32 .ragt-h4
Ag 22/30 .ragt-h5
Ag 18/32 .ragt-body-large
Ag 16/28 .ragt-body-base
Ag 14/25 .ragt-body-small

Available classes

.ragt-display-d1 → d3
.ragt-h1 → h5
.ragt-body-lead / large / base / small
.ragt-body-*-bold, .ragt-body-footnote
.ragt-editorial-citation / -attribution
.ragt-metric-value / -label / -description
.ragt-ui-label / -caption / -small / -tag
.ragt-btn--s / -m / -l