Skip to main content

Looking for the old Design System website? View an archive of the Design System Version 2.

Cards - Simple (Vertical)

Overview

Display a series of related content objects, each with a call to action.

When to Use

When you have a long list of items and no photos for all items.

Content Guidelines

Component
ContentDescriptionMax Chars.
HeadingShort copy that grabs the user’s attention.56
SubheadingShort copy that expands on the heading.100
ItemsList of featured content items.N/A
Items
ContentDescriptionMax Chars.
Heading*Short copy that grabs the user’s attention56
Body Copy*Describe what the user can expect when they reach their destination.200

*Required content.

Example 1 General Audience Default Tone Color Palette Option 1

Heading

Subheading goes here.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Example 2 General Audience Default Tone Color Palette Option 1

Heading

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Example 3 General Audience Reserved Tone Color Palette Option 4

Heading

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Heading

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Example 4 General Audience Default Tone Color Palette Option 1

Heading

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Heading

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.