The Highlighted items is a bespoke solution for items of interest, commonly found on home or landing pages. It provides a quick overview and the displayed elements are organised in an easily recognisable structure, intended to support scannability and decision-making through consistent interaction, such as linking to related pages.
Anatomy
- mandatory
- optional
| Components & Elements | Mandatory | Description |
|---|---|---|
| heading | yes | title of the composition |
| content item | yes | the container where relevant media and information is presented |
| link | yes | link to internal source |
| card (tile version) | yes | tile version of the cards component, acting as an entry point for pages of interest |
Do's
- always use a short, distinct and indicative heading
Don'ts
- do not duplicate this composition within a single page
When to use
- use whenever you have News, Events and Publications and want to display them on a page
When not to use
- this is a bespoke solution - do not use for anything else, except News, events and publications on a page