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.
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
Navigation cards come in 3 varieties:
- no image (or standard)
No image (or standard)
Standard navigation cards display the page title and summary on a white background.
Thumbnail navigation cards display the page title and summary on a white background with a left-aligned thumbnail.
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