Typography
Typography
Font family: Lato, Arial, Helvetica, sans-serif Base size: 16px Line height: 1.5
Headings
| Element | Size | Line Height | Mobile |
|---|---|---|---|
h1 |
48px | 56px | 44px |
h2 |
40px | — | 36px |
h3 |
32px | — | — |
h4 |
24px | — | — |
h5 |
20px | — | — |
Text Utilities
| Class | Size |
|---|---|
.large-text |
22px, 32px line-height |
.medium-text |
18px |
.caption |
13px |
.bold |
font-weight: 700 |
.italic |
font-style: italic |
Links
Default links use --text-link colour with a 2px underline and 4px offset. On dark panel backgrounds, link colour automatically switches to --link-light.
Font Weights
Lato is loaded in weights: 100, 300, 400, 700, 900 (with italic variants).