The Header component provides the main service branding and primary navigation at the top of every page. It can include the service name, menu items, search, and account information depending on the needs of the application.

The header helps users understand where they are, how to navigate the service.

When to use this component

Use the Header at the top of every page in your service.

It should consistently be the first element on the page and must always include:

• The ASP crest or logo

Depending on your service’s requirements, the Header may also include:

• The service name or application name
• A primary navigation menu
• A search function
• A account section
• A mobile menu toggle for responsive layouts

All services should use the header component to ensure a consistent user experience.

Example of where we have used this component

This component is used on:

• Formation
• Assure
• Allocate
• EBIT

This list is not exhaustive.

Status of development

The below criteria all need to be met for a component to be considered as fully developed for use within the ASP Digital Design System.