The Harmonised group 2 page header gives context and confidence to the user so they understand what the page is about, to be placed just below the Site header.
Anatomy
- Mandatory
- Optional
- Playground
| Component | Mandatory | Description |
|---|---|---|
| Breadcrumb | Contextual * | Breadcrumb component provides information on the page and its relationship to the site's hierarchy and structure |
| Meta | Contextual * | Metadata related with the content of the page |
| Page title | Yes | Title of the page |
| Introduction | Yes | Short description of the page |
* Contextual – elements that may or may not feature on a page, depending on the communication and/or functional needs – for example, Login. Where the element features, use the ECL component.
Do's
- ensure the pages contain all the elements in the anatomy table above
Don'ts
- don't use more than one Page header per page
- don't use it on the Homepage, use Hero banner instead
When to use
- only if the site has more than 1 page
- only if ECL components are also being used on the body page. ECL components on this site category are optional between the site header and the footer
When not to use
- do not follow these guidelines when you are updating sites that fall under the Standardised, Harmonised group 1 or Core category