Skip to main content

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

WVU Design System

The WVU Design System is a set of principles and guidelines, as well as a collection of code and visual assets that make it easy to create WVU-branded websites.

Building Your Site

Quickly build website themes using WVU-branded components and utilities.

Components

Components are the building blocks of WVU-branded templates. We offer a wide variety to meet your users’ needs.

View Components

Templates

The WVU Design System offers a variety of templates to serve common user needs. Need to display a staff directory, a contact page, and a program listin? We have you covered.

View Templates

Utilities

Want to apply a color blend to a background image? Want to use the Config typeface to make your copy stand out? Just apply one of our utility classes.

View Utilities

How-Tos and Tips

Checkout our video tutorial series for content publishers, as well as our developer resources.

View How-Tos and Tips

Have an idea for a new component or feature?

We want your feedback.

Request Feature or Report a Bug

In the Wild

Check out the latest sites using the WVU Design System

Screenshot of SCM website

Strategic Communications and Marketing

A new site showcasing the WVU brand refresh, tools and downloads, and branding videos.

View the SCM Site
Screenshot of Students website

UNEWS

A new central hub for UNEWS to keep students informed of the happenings on campus.

View the UNEWS Site
Screenshot of Presient Benson's website

Office of the President

A new website housing the President’s bio, speeches, and featured stories.

View the President's Site