Navigation Card - Design System

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


Navigation cards provide a prominent way to promote links to other pages on your site (or external sites). There are multiple visual styles to choose from, depending on how prominent you'd like the card to be.

All navigation cards show a page title, summary, and an optional image.


Standard navigation card example

A visual example of the navigation card component.

Featured navigation card example

A visual example of the Featured Navigation Card component.


Navigation cards come in 2 varieties: standard and featured.

Standard navigation cards display the page title and summary on a white background.

Featured navigation cards showcase a large image, and use a prominent blue background.

How to build

Navigation cards can be embedded into the body content area of any page.

For more detailed information view the Victorian Government Digital Guide

Reviewed 13 May 2019

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?