Typography
Required: Following the guidelines for font sizes is mandatory. The font, style, and color are recommended to follow.
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 |
