vic_logo

Header - Design System

A consistent header to help your users navigate and orient themselves in your site.

Usage

The header is the central method for your users to locate themselves and navigate your site.

As well as your site's logo, it provides navigation that expands to 3 levels deep, and a prompt to conduct a site-wide search.

It appears consistently across all pages.

Example

Large screen

A visual example of the header on large screens.

Small screen

A visual example of the header on small screens.

Options

For vic.gov.au sites, the appearance of the header will be uniform across all instances.

For semi-independent sites, the colour and logo can be customised.

How to build

The header navigation automatically displays on all pages throughout your site, and is a mandatory element.

Pages are added to the header menu by site administrators.

Reviewed 13 May 2019

Get support using SDP

Our community of practice for anyone with content on SDP meets once a month. We cover research, analytics, new features and more. You can also learn from how others are using the platform and get support to build new pages. To join or find out more contact nicole.shilo@dpc.vic.gov.au

Was this page helpful?