Cards group information into flexible containers to let users browse a collection of related items and actions. Page cards feature other pages of the website allowing users to navigate to related content.
Usage
Do’s
Dont's
Anatomy
Item | Component type | Content type | Notes | |
|---|---|---|---|---|
1 | Image | Image | JPG, PNG | OPTIONAL |
2 | Tag | Text | OPTIONAL | |
3 | Overline | Text | OPTIONAL | |
4 | Heading | Text | MANDATORY | |
5 | Description | Text | MANDATORY | |
6 | Card surface | n/a | n/a | Visible for 'standard' variant. |
Visual style
tbd
Editorial
tbd
Behaviour
tbd
Accessibility
tbd