Typography
Our typography makes sure all our text is readable and heading levels are clear.
Paragraph font size, line height and spacing
| Font size | Font weight | Line height | Spacing | |
| Lead paragraph - tablet and desktop | 24px | Regular |
36 |
Margin bottom 25px |
| Lead paragraph - mobile | 19px | Regular | 29 | Margin bottom 10px |
| Standard paragraph - tablet and desktop | 19px | Regular | 29 | Margin bottom 25px |
| Standard paragraph - mobile | 16px | Regular | 25 | Margin bottom 25px |
Headings
This is a H1
This is a H2
This is a H3
This is a H4
Heading font size, line height and spacing
Tablet and desktop
| Size | Font weight | Line height | Spacing | |
| H1 | 36px | Bold | 54 | Margin bottom 25px |
| H2 | 32px | SemiBold | 48 | Margin bottom 25px |
| H3 | 26px | Medium | 39 | Margin bottom 25px |
| H4 | 22px | Medium | 35 | Margin bottom 25px |
Mobile
| Font size | Font weight | Line height | Spacing | |
| H1 | 28px | Bold | 42 | Margin bottom 15px |
| H2 | 24px | SemiBold | 36 | Margin bottom 15px |
| H3 | 22px | Medium | 35 | Margin bottom 15px |
| H4 | 16px | Medium | 25 | Margin bottom 15px |