Cards
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
| Content | Description | Max Chars. |
|---|---|---|
| Heading | Short copy that grabs the user’s attention. | 56 |
| Subheading | Short copy that expands on the heading. | 100 |
| Items | List of featured content items. | N/A |
| Postscript | Additional info e.g. to direct the user to resources. | 100 |
| Content | Description | Max 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 Default Tone Color Palette Option 2
Example 2 General Audience Let’s Go! Tone Color Palette Option 2
Heading
Subheading.