Skip to main content

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

Featurettes - 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 have 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
Items*A list of content objects.N/A
PostscriptAdditional info e.g. to direct the user to resources.100
Items
ContentDescriptionMax Chars.
Thumbnail Image*A 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 Let’s Go! Tone Color Palette Option 3

Heading

Subheading.

Students walking down stairs

Item 1 Title

Item 1 text. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Call to Action
Stewart Hall

Item 1 Title

Item 1 text.

Call to Action
Postscript copy.

Example 2 General Audience Default Tone Color Palette Option 1

Heading

Heading

Student reading by fireplace

Item 1 Title

Item 1 text.

Call to Action
Students wlaking down stairs

Item 1 Title

Item 1 text.

Call to Action