Skip to main content

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

Contacts

Overview

A list of contacts displayed as a grid. Each contact includes a photo, name, title, contact info, and an optional link to view a bio.

When to Use

Use when you need to display a list of contacts.

Content Guidelines

Component
ContentDescriptionMax Chars.
HeadingShort copy that grabs the user’s attention.56
SubheadingShort copy that expands on the heading.100
PostscriptAdditional info e.g. to direct the user to resources.100
Items
ContentDescriptionMax Chars.
LabelThe area of expertise for the contact e.g. “Inquiries.”56
PhotoA nice headshot of the person.N/A
Name*The contact’s name.N/A
Role / TitleThe contact’s role or title.N/A
Contact Info*Email, office, phone, etc.N/A

*Required content.

Example 1 General Audience Default Tone Color Palette Option 1

Heading

Subheading goes here.

For Inquiries, Contact

Portrait of Faculty Member 1 Name

Faculty Member 1 Name

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

Portrait of Faculty Member 1 Name

Faculty Member 1 Name

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

Postscript.

Example 2 General Audience Default Tone Color Palette Option 1

Heading

Contacts

Portrait of Faculty Member 1 Name

For Inquiries, Contact

Faculty Member 1 Name

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

Portrait of Faculty Member 1 Name

For Inquiries, Contact

Faculty Member 1 Name

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

Example 3 General Audience Default Tone Color Palette Option 1

Heading

Contacts

Portrait of Faculty Member 1 Name

For Inquiries, Contact

Faculty Member 1 Name

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

Portrait of Faculty Member 1 Name

For Inquiries, Contact

Faculty Member 1 Name

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

Contacts

Portrait of Faculty Member 1 Name

Inquiries

Faculty Member 1 Name

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

Portrait of Faculty Member 1 Name

Inquiries

Faculty Member 1 Name

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