Foundation
Typography
1min
Typography guides hierarchy in design, providing insights into the importance and purpose of each text element. Headings and subheadings contribute to clarity and readability. Font weight acts as a visual cue – the bolder, the more important.
This section primarily offers guidance on the typefaces we use, their sizes, and colors. For detailed information on writing and formatting, please refer to Content design.
| Typeface | Size | Style | Color |
H1 | Segoe UI | 19 px | Regular | #242424 |
H2 | Segoe UI | 17 px | Regular | #242424 |
H3 | Segoe UI | 15.5 px | Regular | #242424 |
H4 | Segoe UI | 14 px | Regular | #242424 |
H5 | Segoe UI | 13 px | Semibold | #242424 |
Body | Segoe UI | 12 px | Regular | #242424 |
Tab | Segoe UI | 12 px | Regular | #242424 |
Link hover | Segoe UI | 12 px | Regular | P600 |
Label | Segoe UI | 11 px | Regular | #4D4D4D |
Tip | Segoe UI | 9px | Regular | #4D4D4D |