Beta

This is a new service and pages are being tested and improved.

Overview

Typography supports clarity, hierarchy, and consistency in Government Project Delivery communications.

Well-chosen typography supports accessibility, improves readability, and reinforces our visual identity.

This guidance should be applied to all Government Project Delivery communications and digital products.

Typefaces

Barlow

Barlow is the primary type face for all Government Project Delivery communications. As an open-source font, Barlow is available from Google Fonts. Use Barlow Regular 400 for most text.

Arial

You can use Arial if Barlow is unavailable.

Use the same hierarchy and sizes as Barlow. For online products, apply the following font stack: fallback-Arial, Arial, sans-serif.

Font size

The default body text size content should be 18px for desktop screens, 16px on mobile screens and 14pt for printed documents.

The minimum font size for print is 12pt, following clear print standards. Consider using 16pt or larger to avoid creating separate large-print versions.

Headings and subheadings should follow the Golden Ratio Typography Scale, starting from a base size of 18px. If you adjust heading sizes, recalculate other text sizes using the same ration. Use the table at the end of this page for reference.

Case setting

Use sentence case for all text and headings, capitalising only the first word and proper nouns. Do not end headings with a full stop.

Alignment

All content should be left-aligned for maximum legibility.

Line height

Set line height to at least 120% of the font size, increasing to 160% for body content. Extra space between lines improves readability and reduces eye strain, especially for users with visual or cognitive impairments.

Spacing

Add 30px of space below headings and 20px below paragraphs. Keep text at least 15px away from the edge of the viewport.

Line height

Aim for 45–75 characters per line, with a maximum of 90 characters at 100% zoom.

Reference table

Type Golden ratio Desktop size Mobile size Margin bottom Weight Line height
Heading 1 2.61 47px 32px 30px Bold/700 120%
Heading 2 2.06 37px 26px 30px Bold/700 120%
Heading 3 1.61 29px 21px 30px Bold/700 120%
Heading 4 1.28 23px 18px 30px Bold/700 120%
Heading 5 1.00 18px 16px 30px Bold/700 120%
Heading 6 0.89 16px 14px 20px Bold/700 120%
Body 1.00 18px 16px 20px Normal/400 160%
Body small 0.89 16px 16px 20px Normal/400 120%
Lead paragraph 1.20 21.6px 19.2px 20px Normal/400 140%
Back to top