| Page Properties | |||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Status | colour | Yellow |
Design source (in Figma) Author Responsible |
...
The card container holds the content, can be interacted with can adopt a change in elevation.
Imagery - either a foreground or background image (or in future, both).
Overline text - not MVP (effectively categories)
Title
Description
CTA
Cards can exist in different sizes and layouts (vertical only in MVP).
...
Interactive cards include a default, hover and active state. (visited state is TBC).
Where cards have a single focusable element, the whole card (container) links to the primary link destination and any CTA is effectively decorative. Read more on Inclusive Components.
Where cards have more than one focusable element (not expected within MVP) this creates an additional tab stop and is also addressed with recommendation on Inclusive Components.
...