Website design guidelines

Typography

Responsive text size guide

Although the website uses four breakpoints , there is one breakpoint for the majority of text sizing. This occurs above and below 768px screen width, resulting in a desktop/mobile approach for page content.

Text resizing at other breakpoints is permitted when required, this will be necessary to achieve custom designs and optimise content for smaller screen sizes.

Widescreen (above 768px)

Download the image above

Mobile (below 768px)

Download the image above