Skip to main content

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

Featurettes w/Icons - 2-Column

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, but don’t have photos, but it makes sense to substitute icons.

Content Guidelines

Component
ContentDescriptionMax Chars.
HeadingShort copy that grabs the user’s attention56
SubheadingShort copy that expands on the heading100
PostscriptAdditional info e.g. to direct the user to resources.100
Items
ContentDescriptionMax Chars.
Icon*An icon that represents the content.N/A
Heading*Short copy that grabs the user’s attention56
Body Copy*Describe what the user can expect when clicking the call to action.200
Call to Action(s)*The action(s) you want the user to take.20

*Required content.

Example 1 General Audience Reserved Tone Color Palette Option 5

Heading

Subheading.

Item 1 Title

Item 1 text.

Call to Action

Item 1 Title

Item 1 text.

Call to Action

Item 1 Title

Item 1 text.

Call to Action
Postscript copy.