Skip to main content

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

Profile - Generic

Overview

A callout to profile a student, faculty member, speaker, etc.

When to Use

Use when you have a profile of a person and want to link to their program, some initiative, etc.

Content Guidelines

Component
ContentDescriptionMax Chars.
Component Label*A label for the overall component e.g. “Spotlight.”20
Profile LabelA label for the profile itself e.g. put the person’s graduation year, etc.20
Heading*Short copy that grabs the user’s attention.56
Name*The person’s name.N/A
Body CopySome info about the person. Can also be a quote.255
Call to ActionThe action you want the user to take e.g. “View Profile.”20
QuicklinksA list of additional links e.g. to view a program or college page.N/A
VideoA link to a video.N/A

*Required content.

Example 1 General Audience Default Tone

Spotlight

Portrait of Firstname Lastname
Portrait of Firstname Lastname

Label Another Label

Heading

Firstname Lastname

Morgantown, WV

More Info

Here is some copy.

View Profile

Example 2 General Audience Default Tone

Spotlight

Portrait of Firstname Lastname

Super Heading

Heading

Firstname Lastname

Biochemistry

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

View Profile

Example 3 General Audience Default Tone Color Palette Option 2

Spotlight

Portrait of Firstname Lastname
Portrait of Firstname Lastname

Label

Heading

Firstname Lastname

Morgantown, WV

Here is some copy.

View Profile

Example 4 General Audience Default Tone Color Palette Option 1

Portrait of Firstname Lastname

Spotlight

Heading

Firstname Lastname

Here is some copy.

View Profile

Watch Video