Skip to main content

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

Featurettes - 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 and have photos for all items.

Content Guidelines

Component
ContentDescriptionMax Chars.
Heading*Short copy that grabs the user’s attention.56
SubheadingShort copy that expands on the heading.100
ItemsList of featured content items.N/A
PostscriptAdditional info e.g. to direct the user to resources.100
Items
ContentDescriptionMax Chars.
Thumbnail ImageA nice image that represents the content.N/A
Heading*Short copy that grabs the user’s attention.56
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.25

*Required content.

Example 1 General Audience Default Tone Color Palette Option 6

Heading

Subheading

Student reading a book

Item 1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Call to Action
Professor flying a drone

Item 1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Call to Action
Capitol building

Item 1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Call to Action
Postscript text.