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.