Navigation Card

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.