Cookies on ons.gov.uk

Cookies are small files stored on your device when you visit a website. We use some essential cookies to make this website work.

We would like to set additional cookies to remember your settings and understand how you use the site. This helps us to improve our services.

You have accepted all additional cookies. You have rejected all additional cookies. You can change your cookie preferences at any time.

Skip to main content

Typography

Overview

Users absorb information, follow instructions and complete tasks primarily through reading text. It is important to use good typographic principles to establish a visual hierarchy and present content as clearly as possible.

Our typefaces

At the Office for National Statistics (ONS) we use four typefaces for consistency across our content.

Primary typeface

Our primary typeface is Open Sans as it is well-balanced between personality and readability. It should be used across all print and digital communications and is available to anyone with an Adobe Creative Cloud license.

View and download Open Sans in Adobe Fonts (opens in a new tab) 

We use Open Sans Light, Regular, Semibold and Bold to create hierarchy and emphasis.

The letterforms have a good level of contrast, which boosts readability on poorer quality displays and helps users with visual impairments.

Important information:

Always use Open Sans, with “stylistic set 1” turned on in the Opentype options to use a more accessible “g” and “I”

Alternative typeface

For on-screen communications where Open Sans is not available, such as PowerPoint presentations, Arial is our alternative typeface.

When using Arial, headings and subheadings are set in bold and body copy should be set in regular.

Warning:

Do not use Arial in printed materials

Translation typeface

Some of our communications are available in different languages. In these instances, Noto Sans should be used for all our translated materials.

We use Noto Sans Light, Regular, Semibold and Bold to create hierarchy and emphasis. For consistency we always set Noto Sans in sentence case.

View and download Noto Sans and its language variants from Google Fonts (opens in a new tab) 

Logo typeface

Dax Pro should only ever be used for the ONS logo.

Applying our typography

Typography is important for creating a visual hierarchy. A hierarchy guides a user's attention to certain areas of text by using weight, colour and size.

The largest element on the page naturally draws the eye first and ensures users read the information in the order you want them to.

Applying our type styles in a consistent manner across our communications will build hierarchy and brand recognition with our users. They help to create impactful, informative statements and content that is easy to skim.

Type styles

Our type styles work best on a white background and should be used on standard A4 text-heavy materials, such as reports, letters and handbooks.

When you need to use a coloured background, we recommend using white text.

Always maintain the relationship between the text size and the space between lines of text, as this improves the readability of the content.

Sizes may need to be adjusted according to the content and format of the document.

Important information:

For digital products, follow the guidance on the design system typography page

ElementWeightSizeLeading

Tracking

Colour/style

Document titleBold36pt44pt-10VANight blue
SubtitleBold24pt30pt-10VAAqua teal
Heading oneBold24pt30pt-10VANight blue
Heading twoBold18pt24pt-5VANight blue
Heading threeSemibold14pt18pt0VANight blue
Heading fourSemibold12pt16pt0VANight blue
Body copyRegular12pt16pt0VA95% Black
Bullet pointsRegular12pt16pt0VAPoint: Aqua teal
Text: 95% Black
Pull quote largeBold36pt48pt-10VAAqua teal
Pull quote smallRegular16pt22pt-10VABorder: 2mm Aqua teal
Text: 95% Black
Product codeSemibold10pt14pt0VA95% Black,
Uppercase,
Rotated 90° CW


General typesetting guidance

Paragraph spacing

Spacing between paragraphs should be of equal proportion throughout our documents. This is normally set at a minimum of 2pt.

The final paragraph at the end of a section of content should be followed by double the amount of space used between paragraphs.

This shows that the section has come to an end and the next section contains information on a different topic.

Case setting

All text should use sentence case. Sentence case involves capitalising only the first word and any proper nouns in titles, chapter, and section headings.

Product codes are an exception and should be capitalised.

Alignment

Content should always be aligned to the left hand-side of a page.

Do not fully justify your content as it is harder to read.

Styling

Bold, semi-bold and the use of colour can be used to highlight specific areas of text when required but cannot be solely relied upon to show importance.

Help improve this page

Let us know how we could improve this page, or share your user research findings. Discuss this page on GitHub (opens in a new tab)