Skip to main content

Profile Teaser

Shared Partial Name:

wvu-profile-teaser

When to Use

Use when you want to preview a profile for a student or faculty member.

Example: Standard Profile Teaser

Label First Label Second Part

Lorem Ipsum Dolor Sit Amet Consectetur

Firstname Lastname

Title, Class of Name of Organization

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Read More: Lorem Ipsum Dolor Sit Amet Consectetur

Content Model and Styling Guidelines

The following guidelines will help ensure your content and styling follow 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.

* Indicates required content.

Shared CleanSlate Partial

Type: Dynamic (pulls data from other pages in site)

This component corresponds to the latest version of the shared profile-teaser 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.