Skip to main content

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

Columns - 1-1

Overview

Creates a page layout with two equal columns. Components can then be nested inside the columns.

When to Use

Use when you want to display mixed content.

Content Guidelines

Component
ContentDescriptionMax Chars.
HeadingShort 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

Article Collection Heading

Article Example 2

Article Example 3

Article Example 4

Heading

Subheading.

  • Item 1 Title

    Item 1 text.

  • Item 2 Title

    Item 2 text.

  • Item 3 Title

    Item 3 text.

  • Item 2 Title

    Item 1 text.

Example 2 General Audience Default Tone Color Palette Option 1

Heading

Student reading a book

Featured

Article Example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Item 1 Title

Item 1 text.

Example 3 Academic / Traditional Audience Reserved Tone Color Palette Option 4

Heading

Heading

Subheading goes here.

Call to Action

Contacts

Portrait of Staff Member 1

Inquiries

Staff Member 1

Email: firstname.lastname@mail.wvu.edu Phone: (304) 123-4567 Office: 438 Woodburn Hall

Portrait of Staff Member 2

Application Status

Staff Member 2

Email: firstname.lastname@mail.wvu.edu Phone: (304) 123-4567 Office: 438 Woodburn Hall

Example 4 Prospective Students Audience Let’s Go! Tone Color Palette Option 4

Heading

Stewart Hall

Item 1 Title

Item 1 text.

Call to Action

Contacts

Portrait of Staff Member 1

Inquiries

Staff Member 1

Email: firstname.lastname@mail.wvu.edu Phone: (304) 123-4567 Office: 438 Woodburn Hall

Portrait of Staff Member 2

Application Status

Staff Member 2

Email: firstname.lastname@mail.wvu.edu Phone: (304) 123-4567 Office: 438 Woodburn Hall

Example 5 Prospective Students Audience Let’s Go! Tone Color Palette Option 4

By the Numbers

Pre text 99% post text. Source

Pre text 8 post text. Source

Pre text 5,941 post text. Source

Contacts

Portrait of Staff Member 1

Inquiries

Staff Member 1

Email: firstname.lastname@mail.wvu.edu Phone: (304) 123-4567 Office: 438 Woodburn Hall

Portrait of Staff Member 2

Application Status

Staff Member 2

Email: firstname.lastname@mail.wvu.edu Phone: (304) 123-4567 Office: 438 Woodburn Hall