A NSW Government website
Design System v3.18.3

Typography

🔹 Needed for NSW Government Branding

Documentation and examples for typography, including font, headings, body text, lists, and more.

Font

NSW Government uses Public Sans font for all digital products and services to create a distinct but consistent look and feel. Public Sans is the only font to be used for headings and body copy. It is a free font that is available from Google Fonts.

As Public Sans is a custom font it's recommended to use Web Safe Font as a fallback when declaring your font stack. The preferred fallback font for the NSW Design System is Arial.

body {font-family: 'Public Sans', Arial, sans-serif;}

Typography styles

Headings and paragraphs

In the NSW Design system there are different standard sizes for the headings for large screens and smaller screens.

Style Properties

Heading 1

Font size: 2.25rem (36px) / 3rem (48px)
Line height: 1.25 (45px) / 1.25 (60px)
Font weight: 700 (bold)
Margin top: 4rem (64px)

Heading 2

Font size: 1.75rem (28px) / 2rem (32px)
Line height: 1.25 (35px) / 1.25 (40px)
Font weight: 700 (bold)
Margin top: 3rem (48px)

Heading 3

Font size: 1.375rem (22px) / 1.5rem (24px)
Line height: 1.25 (27.5px) / 1.33 (32px)
Font weight: 700 (bold)
Margin top: 2rem (32px)

Heading 4

Font size: 1.125rem (18px) / 1.25rem (20px)
Line height: 1.33 (24px) / 1.4 (28px)
Font weight: 700 (bold)
Margin top: 1.5rem (24px)

Heading 5

Font size: 1rem (16px) / 1rem (16px)
Line height: 1.5 (24px) / 1.5 (24px)
Font weight: 700 (bold)
Margin top: 1.5rem (24px)

Intro text

Font size: 1.125rem (18px) / 1.25rem (20px)
Line height: 1.33 (24px) / 1.4 (28px)
Font weight: 400 (regular)
Margin top: 1rem (16px)

Body Text

Font size: 1rem (16px) / 1rem (16px)
Line height: 1.5 (24px) / 1.5 (24px)
Font weight: 400 (regular)
Margin top: 1rem (16px)

Small text

Font size: 0.875rem (14px) / 0.875rem (14px)
Line height: 1.35 (19px) / 1.35 (19px)
Font weight: 400 (regular)
Margin top: 1rem (16px)

Links

Maecenas at risus ullamcorper odio facilisis ultrices et et metus.

Download PDF schedule (PDF, 123.45 KB)

Blockquote

“Our upcoming plans for scaling the NSW Design System are addressing friction points our users are facing when delivering digital products and services. Watch this space, there’s more to come.” The Design System Team

Unordered list

  • Understanding user needs
  • Conducting user interviews
  • Empathy Mapping
  • Persona creation
  • Customer journey mapping

Ordered list

  1. Pre-discovery
  2. Discovery
  3. Alpha
  4. Beta
  5. Live

Definition list

Website:
https://www.nsw.gov.au
Street Address:
2-24 Rawson Place
Haymarket NSW 2000
Phone:
1300 300 300