Typography - Intelligence Community Design System

Skip to page content

Show navigation section

Using consistent typography

Well-defined typography creates obvious hierarchy and helps to organise information.

The Design System uses the Open Sans font for most text and Nunito Sans for large headings. These are flexible and readable fonts that work well across digital and print.

Headings

Write all headings in sentence case.

Use the logical order ofh# tags in code. For example, ah3 heading needs to come after ah2 heading but can be styled as any variant. It's important that heading tags are used properly .

Heading extra large

Nunito sans • ExtraBold • 2.625rem • Line-height: 3.5rem • Letter-spacing: normal

Heading large

Nunito sans • Bold • 2.125rem • Line-height: 3.5rem • Letter-spacing: 0.0025rem

Heading medium

Open sans • Regular • 1.5rem • Line-height: 2.5rem • Letter-spacing: normal

Heading small

Open sans • SemiBold • 1.25rem • Line-height: 2rem • Letter-spacing: 0.0015rem

Subtitles

Write all subtitles in sentence case.

Use subtitles for sub-section headings and table headings.

Subtitle large

Open sans • Bold • 1rem • Line-height: 1.5rem • Letter-spacing: 0.0015rem

Subtitle small and table headings

Open sans • SemiBold • 0.875rem • Line-height: 1.5rem • Letter-spacing: 0.0015rem

Text

Write all body text in sentence case.

Use a minimum of1rem for body text.1.125rem should be used for apps with a lot of text (like intranets or reports).

Code snippets use the Source Code Pro font.

Body

Open sans • Regular • 1rem • Line-height: 1.5rem • Letter-spacing: 0.005rem

Helper text on input fields and other captions

Open sans • SemiBold • 0.75rem • Line-height: 1.25rem • Letter-spacing: 0.0025rem

Helper text on input fields and other captions

Open sans • SemiBold • 0.75rem • Line-height: 1.25rem • Letter-spacing: 0.0025rem

Code large

Source Code Pro • Regular • 1rem • Line-height: 1.5rem • Letter-spacing: 0.025rem

Code small

Source Code Pro • SemiBold • 0.875rem • Line-height: 1.5rem • Letter-spacing: 0.005rem

Code extra-small

Source Code Pro • Regular • 0.75rem • Line-height: 1.5rem • Letter-spacing: 0.025rem

Labels

Secondary button

Open sans • SemiBold • 0.875rem • Line-height: 1.5rem • Letter-spacing: 0.025rem

Destructive button

Open sans • SemiBold • 0.875rem • Line-height: 1.5rem • Letter-spacing: 0.025rem

Links

If your link is at the end of a sentence or paragraph, make sure that the linked text does not include the full stop.

Link style

Open sans • Regular • 1rem • Line-height: 1.5rem • Letter-spacing: 0.005rem

Last reviewed 11 March 2025 .