Fonts
Here you will find the different fonts we use in Brand and Web, for a consistent and accessible product.
.woff files are available in the assets folder /assets/fonts/
Type scale uolSans used for headings
Desktop
| Style |
Font size |
Line height |
Weight |
Example |
| Epic |
74 |
110% |
Bold |
Epic |
| H1 |
56 |
110% |
Light |
Heading 1 |
| H2 |
40 |
150% |
Bold |
Heading 2 |
| H3 |
40 |
150% |
Light |
Heading 3 |
| H4 |
32 |
150% |
Light |
Heading 4 |
| H5 |
24 |
150% |
Light |
Heading 5 |
Tablet
| Style |
Font size |
Line height |
Weight |
Example |
| Epic |
56 |
110% |
Bold |
Epic |
| H1 |
48 |
110% |
Light |
Heading 1 |
| H2 |
40 |
150% |
Bold |
Heading 2 |
| H3 |
40 |
150% |
Light |
Heading 3 |
| H4 |
32 |
150% |
Light |
Heading 4 |
| H5 |
24 |
150% |
Light |
Heading 5 |
Mobile
| Style |
Font size |
Line height |
Weight |
Example |
| Epic |
48 |
110% |
Bold |
Epic |
| H1 |
40 |
110% |
Light |
Heading 1 |
| H2 |
32 |
150% |
Bold |
Heading 2 |
| H3 |
32 |
150% |
Light |
Heading 3 |
| H4 |
24 |
150% |
Light |
Heading 4 |
| H5 |
22 |
150% |
Light |
Heading 5 |
Type scale uolInter used for paragraphs
Desktop
| Style |
Font size |
Line height |
Weight |
Example |
| P body main |
20 |
150% |
Regular |
paragraph main |
| P body small |
18 |
150% |
Regular |
paragraph small |
| P body captions |
16 |
150% |
Regular |
paragraph captions |
Tablet
| Style |
Font size |
Line height |
Weight |
Example |
| P body main |
20 |
150% |
Regular |
paragraph main |
| P body small |
16 |
150% |
Regular |
paragraph small |
| P body captions |
14 |
150% |
Regular |
paragraph captions |
Mobile
| Style |
Font size |
Line height |
Weight |
Example |
| P body main |
18 |
150% |
Regular |
paragraph main |
| P body small |
16 |
150% |
Regular |
paragraph small |
| P body captions |
14 |
150% |
Regular |
paragraph captions |