Columns - 2-1
Overview
Creates a page layout with two columns (one main and one sidebar). 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
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 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Item 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Label
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.
Example 3 General Audience Default Tone Color Palette Option 1
Heading
Benefits Checklist 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 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Item 2 Title
Lorem ipsum dolor sit amet, consectetur adipiscing.
Example 4 General Audience Default Tone Color Palette Option 1
Heading
Example 5 General Audience Default Tone Color Palette Option 1
Heading
Heading
Subheading.
Item 1 Title
Item 1 text.
Item 1 Title
Item 1 text.
Label