Navigation cards highlight programs we support or link to related pages. They:
- are used widely on topic pages
- create prominent links to any type of content
- can be used individually or in groups
- allow users to navigate deeper into or sideways in a topic
All navigation cards show a page title and summary. Other elements can be added, including 'supplemental info' and an optional image.
The display options are:
- no image
How to add a navigation card
There are 4 fields to complete.
- Link (required)
- Title (required)
- Summary (optional, but recommended)
- Card display style (defaults to no image)
This is the link to the page featured on the card.
- Internal links: start typing the page name. If the page is published, it will show up as a 'relative URL'. Don't paste the full 'absolute URL', which includes the full address (e.g. '').
- External links: use the full, 'absolute' URL.
This is the title that will appear on the card. We recommend using the page title.
Although this field is optional, we recommended writing a short description. You can use the destination page's introduction text.
Card display style
This option allows you to choose one of:
- no image
- featured image
If you choose thumbnail, you can add an image to the card.
If you choose featured image, the card will display the featured image saved as a Feature image in the destination page.
Navigation card, no image
Navigation card, thumbnail image
Navigation card, featured image
An eye-catching summary and link to another piece of content – a feature in the Ripple design system.
Reviewed 30 March 2021