Usage
Navigation cards create prominent links to any type of content. They can be used individually or in groups. This type of card allows users to navigate deeper into or sideways in a topic.
All navigation cards show a page title, summary, and an optional image.
Examples
Navigation cards are rectangular, horizontal and used on content pages and site section landing pages (not home pages).
No image navigation card
Standard navigation card with thumbnail example
Featured navigation card example
Options
Navigation cards come in 3 varieties:
- no image (or standard)
- thumbnail
- featured
No image (or standard)
Standard navigation cards display the page title and summary on a white background.
Thumbnail
Thumbnail navigation cards display the page title and summary on a white background with a left-aligned thumbnail.
Featured
Featured navigation cards showcase a large image and present a prominent blue page title over the image and the summary on a white background.
Reviewed 30 March 2021