The Page header component ensures that users are met with a familiar 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 component is available in a positive and a negative version. Harmonised and standardised websites must use the positive version (the negative one is used on the EC corporate site only). The Page header elements are optional - depending on the page, rather than the site/template type.
Standardised & harmonised config.
| No. | Element/component | Standardised | Harmonised | Description |
|---|---|---|---|---|
| 1 | Expandable | optional | optional | Expandable container for important announcements |
| 2 | Breadcrumb | mandatory | mandatory | Breadcrumb component provides information on the page and its relationship to the site's hierarchy and structure |
| 3 | Page title | mandatory (except homepage) | mandatory (except homepage) | Title of the page |
| 4 | Thumbnail | optional (requires introduction) | optional (requires introduction) | 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 | optional | A description of the content that the page addresses |
| 6 | Meta | optional | optional | Primary metadata related to the page's content |