Hero
Overview
A large call to action with a full-bleed background photo.
When to Use
Use when you want to call out important content and have a nice background photo.
Content Guidelines
| Content | Description | Max Chars. |
|---|---|---|
| Background Image* | A nice background photo. | N/A |
| Label | A general category for the content. | N/A |
| Heading* | Short copy that grabs the user’s attention | 56 |
| Subheading | Short copy that expands on the heading | 100 |
| Body Copy* | A brief (1-3 sentences) description of the content. | 255 |
| Postscript Links | A list of links to additional resources. | N/A |
*Required content.
Example 1 General Audience Loud Tone Color Palette Option 2
Label
Heading
Subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example 2 General Audience Loud Tone Color Palette Option 5
Label
Heading
Subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example 3 General Audience Reserved Tone Color Palette Option 4
Label
Heading
Subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.