Typography
A consistent set of text sizes and styles are to be used across all touch points.
Font family
SGDS uses Inter regular 400 and bold 700 as the main font family which can be found here.
Font size and weight
SGDS uses increments of 8px for font sizing with the exception of H4 and small text, and in 2 weights. Base color is using Grey/600.
| Example | Font weight | Font size | Line height |
|---|---|---|---|
|
H1
|
Bold | 40px (2.5rem) | 48px |
|
H2
|
Bold | 32px (2rem) | 40px |
|
H3
|
Bold | 24px (1.5rem) | 32px |
|
H4
|
Bold | 18px (1.125rem) | 32px |
|
paragraph
|
Regular | 16px (1rem) | 32px |
|
small text
|
Regular | 14px (0.875rem) | 28px |
Last updated 10 July 2024
