Header
<gcds-header>

Also called: global header, brand header.

The header is the responsive Government of Canada branded header landmark.

• GitHub
• Figma

Header is a required component for Canada.ca pages.

Take a look at what problems the header solves to see if they fit the problem you're solving for.

Problems headers solve

Use this header landmark – as part of a trusted brand – for apps, forms, or other transactional digital services to consistently communicate:

• The start of a product or site page.
• A Government of Canada digital service or product offering a broad range of services and information.
• The Federal Identity Program Government of Canada signature.