The Page header component provides basic structure and guidance and ensures that users are met with an easily recognisable and uniform design layout, as well as a content pattern through which information about the current page is presented. It is always placed just below the Site header.
The Page header elements are optional depending on the page, rather than the site/template type.
Core config.
Anatomy table
Anatomy table
| No. | Element/component | Usage | Description |
|---|---|---|---|
| 1 | Breadcrumb | mandatory (excepting homepage) | Breadcrumb component provides information on the page and its relationship to the site's hierarchy and structure |
| 2 | Meta | optional | Primary metadata related to the page's content |
| 3 | Page title | mandatory (excepting homepage) | Title of the page |
| 4 | Thumbnail | optional | Thumbnail image displayed on the side of the description OR if a background image has been selected, taking the full-width of the component. If neither is selected, it will display a solid blue background. |
| 5 | Introduction | optional | A description of the content that the component addresses |
Harmonised config.
Anatomy image
Anatomy table
| No. | Element/component | Usage | Description |
|---|---|---|---|
| 1 | Breadcrumb | mandatory (excepting homepage) | Breadcrumb component provides information on the page and its relationship to the site's hierarchy and structure |
| 2 | Meta | optional | Primary metadata related to the page's content |
| 3 | Page title | mandatory (excepting homepage) | Title of the page |
| 4 | Thumbnail | optional | Thumbnail image displayed on the side of the description OR if a background image has been selected, taking the full-width of the component. If neither is selected, it will display a solid blue background. |
| 5 | Introduction | optional | A description of the content that the component addresses |