Cards
Cards give a brief summary of content and display information in an organised way, making it easier for the audience to find information.
See and interact with the Cards component block demo on this page.
Demo component
2 card items, brand white, pictograms
3 card items, brand dark
Heading 1
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Heading 2
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Heading 3
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
3 card items, brand light, image, tag, date
Image
Heading 1
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Image
Heading 2
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Image
Heading 3
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Side-scrolling cards, 5 cards, brand white, pictograms
Heading only, 3 cards, brand dark
6 card grid, brand white, highlight (top row only)
Card 1
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Card 2
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Card 3
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Card 4
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Card 5
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.
Card 6
A descriptive summary of the web page that’s linked to this card. The summary should be short and concise.