Navigation Card

An eye-catching summary and link to another piece of content.


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

navigation card screenshot

Standard navigation card with thumbnail example

navigation card with thumbnail screenshot
navigation card featured screenshot


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 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

Get support using SDP

Our community of practice for anyone with content on SDP meets once every 2 months. We cover research, analytics, new features and more. You can also learn from how others are using the platform and get support to build new pages. To join or find out more contact

Was this page helpful?