The Harmonised group 1 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
When to use
- always use a Page header when building your page
When not to use
- do not follow these guidelines when you are updating sites that fall under the Standardised or Core category