Designers and DevelopersWeb pages produced in direct support of and sponsored by WVU, WVU colleges, schools, departments, programs and offices are considered official WVU Web pages and are subject to review and approval by University Relations – Digital Services.
Every WVU website is required to use the WVU Design System. It includes HTML code, Sass, and various components you can use to build WVU-branded templates.
Supported web browsers include the latest versions of Internet Explorer (IE 11), Chrome, Safari, Edge and Firefox. We do not include support for compatibility modes. We no longer support depreciated versions of Internet Explorer 6, 7, 8, 9 and 10.
Supported browsers specifically refers to any sites in CleanSlate content management system or any web applications made by University Relations – Digital Services — unless otherwise listed.
All website designs must be approved in the early stage of development and also prior to launch. You must submit your designs via ConceptBoard. Give us at least 5 business days to review your design upon submitting your original concept. You can submit images or a link to a *.sandbox site. We will provide feedback in the board comments and give you the go-ahead to build the site (if you haven't already done so). Once you think you are ready to go live, submit the website for formal approval. You must submit your final *.sandbox.wvu.edu URL at least one week prior to your intended launch date. Please include Adam Glenn, Adam Johnson, and Mike Esposito on the approval request, and ONLY these approvers. Mike and Adam G. will sign off on your design and AJ will sign off on accessibility.
If you do not see one of the approvers to add them, they may not be in your Contacts. In order to add them, go to Users, then click My Team in the left-hand sidebar. Find the user you want to add. On the far right next to their name, there is an icon with three vertical dots. Click this icon, then click Add to Contacts. They should now be available to add to your board.
WVU Logo: You may only use approved WVU logos. You may not alter them. This includes resizing, adding effects such as drop shadow, bevel, etc. You may not use the WVU logo over a background texture. You may not have any graphic element within 10 pixels of the logo.
Text: Your body text should not be on a textured or colored background. It should be dark gray on a white background for easier readability, as defined in the official style sheet.
Navigation: Your website should contain a consistent, clearly defined set of navigation links within the top 610 pixels of the page.
Whitespace: Your site layout should have a balance of positive and negative space. It should not look cluttered so as to hinder legibility and the visual hierarchy.
Unit Name Positioning and Size: Your unit name should be displayed in the top left of the page, styled in accordance with the branding. View examples.
Logotypes and Wordmarks: You should not use logos, logotypes, or wordmarks for your unit that are not approved by University Relations – Design. If you need a logo designed for a special event or a wordmark, contact Kevin Hart at firstname.lastname@example.org
Vertical Scrolling: The most important information should appear near the top of your page. However, screen resolution and browser viewport dimensions vary from computer to computer. All of your information does not need to fit “above the fold.” Generally, users expect to scroll and it is best to meet user expectations.
Texture and Graphics: Subtle gradients, highlights, drop-shadows and reflections can give your site a polished look. However, overuse of these effects can cause visual distraction and dilute the overall WVU brand, and should generally be avoided.
Additional Styling: The elements on your site should not be styled with thick borders, rounded corners, or other arbitrary styling. You should follow the style sheet provided with the official theme.