Typography – WET4 – CRA user-centred design guide
On this page
Fonts
Heading font
- Type
- Lato
- Size
-
Desktop and tablet:
- H1: 38px, bold, with a red bottom border
- H2: 36px, bold
- H3: 24px, bold
- H4: 22px, bold
- H5: 20px, bold
- H6: 19px, plain text
Small device:
- H1: 34px, bold, with a red bottom border
- H2: 32px, bold
- H3: 24px, bold
- H4: 22px, bold
- H5: 20px, bold
- H6: 19px, plain text
Body font
- Type
- Noto sans
- Size
-
Desktop and tablet:
- Body: 20px, plain text
Small device:
- Body: 20px, plain text
Line length
The line length is contrained to a maximum 65 characters. This ensures that no lines extend beyond a comfortable reading length. This improves the readablity of the content, which improves comprehension.
Page layouts may be wider than 65 characters. The line length restriction applies only to characters in a line of text.
Link appearance
Links in the content area are underlined. The exceptions are:
- links that look like buttons
- links in the banner and footer
- Date modified: