Columns - 2-1-1
Overview
Creates a page layout with three columns (one main and two sidebars). Components can then be nested inside the columns.
When to Use
Use when you want to display mixed content.
Content Guidelines
| Content | Description | Max Chars. |
|---|---|---|
| Heading | Short copy that grabs the user’s attention. | 56 |
| Components* | Include any two available components. | N/A |
*Required content.
Example 1 General Audience Default Tone Color Palette Option 1
Heading
Heading
Subheading.
Item 1 Title
Item 1 text.
Item 1 Title
Item 1 text.
Example 2 General Audience Default Tone Color Palette Option 1
Heading
Latest News
Article Example 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Heading
Lorem ipsum dolor sit amet consectetur
Item 1 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Item 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Item 3 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Item 4 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Showcase
Article Example 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example 3 General Audience Default Tone Color Palette Option 1
Heading
Example 4 General Audience Default Tone Color Palette Option 1
Heading
Heading
Subheading.
Item 1 Title
Item 1 text.
Item 1 Title
Item 1 text.