A NSW Government website
Design System v3.17.0

Masthead

🔹 Needed for NSW Government Branding

The NSW Government network masthead displays across the top of all NSW Government sites. It helps users see which service they are using.

Figma

Usage

The Masthead displays across the top of all NSW Government sites and clearly identifies your site as part of the NSW Government. The Masthead component includes a Skip Link accessibility feature that allows users to jump to the main content of the page.

Depending on your Brand classification there are rules for which Masthead should be used:

Masterbrand corporate

Masterbrand corporate must use the Default Masthead (Blue 01) to maintain a strong and consistent connection to NSW Government.

Masterbrand non-corporate and co-brand

Masterbrand non-corporate and co-brand is preferred to use the Default, however a Light Masthead (Off-white) is available if Blue 01 is not suitable to use with your Brand Colours.

Skip Link

The Skip Link component helps keyboard-only and screen-reader users skip to the main content on a page, this includes skipping over the header and navigation. The Skip Link is visually hidden until a keyboard press focuses and activates it.

Important: The Skip Link component should be at the top of the page as the first interactive child. There is no special logic to make the skip link the first focussable element. This comes from its position in the DOM.

The component becomes visible when in focus. To display it, press the Tab key (or swipe right if you've enabled the accessibility features of your phone).

Accessibility

All components are responsive and meet WCAG 2.1 AA accessibility guidelines.

Default

A NSW Government website

Light

A NSW Government website