Skip to main content

Profile Hero

Shared Partial Name:

wvu-profile-hero

When to Use

Use this when you want to feature a profile of a student or faculty member as the primary content on your page.

Example: Standard Profile Hero

The future will be built by those who are willing to get up and go after it.

Firstname Lastname, Biology, Class of ’22

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Content Model and Styling Guidelines

The following guidelines will help ensure your content and styling follows our design principles, and ensures consistency and unity across your pages as well as other WVU-branded websites.

Content-Specific Guidelines

Content Max Characters Description
Header* 56 Marketing copy that grabs the user’s attention.
Subhead* 56 If a student, their major and graduation year; if a faculty member, their title and/or organization.
Blurb* 255 Marketing copy or information related to the call to action.
Call to Action* 16 The user action you want to promote, usually a link to a full profile or related program.

* Indiates required content.

Shared CleanSlate Partial

Type: Static (uses editable regions)

This component corresponds to the latest version of the shared profile-hero partial in the Design System CleanSlate. CleanSlate developers can use this component by adding a shared partial to a template. Below are the available configuration options for this component.