Fonts
| Font |
Implementatie |
| TheSans |
Body tekst |
| TheMix |
Headers |
Font-sizes
Voor de tekst gebruiken we een modulaire schaal van 1.10 met een basis van 18px.
| SCSS variabele |
Font-size |
| $fs-up-7 |
46.69px (2.594em) |
| $fs-up-6 |
35.08 (1.949em) |
| $fs-up-3 |
23.96 (1.331em) |
| $fs-up-1 |
19.8px (1.1em) |
| $fs-base |
18px (1rem) |
| $fs-down-1 |
16.36px (0.909em) |
Font-weights
| SCSS variabele |
Font-weight |
| $fw-bold |
800 |
| $fw-medium |
600 |
| $fw-normal |
400 |
Wanneer de typografie veranderd, moeten de waardes geupdate worden in source/documentation/guidelines/guidelines.config.js en source/scss/settings/_typography.scss