Designers and Developers
Every WVU website is required to use the Brand Patterns theme. It includes HTML files, a header, footer and style sheets. The style sheet defines the typographic scale, underlying grid framework and styling for typographic elements. If one of the brand patterns does not meet your needs, work with UR - Digital to create a new pattern.
Browsers that we require support for include the latest versions of Internet Explorer (IE 11), Chrome, Safari, Edge and Firefox. We no longer support Internet Explorer 6, 7, 8, 9 and 10.
Supported browsers specifically refers to any sites in Slate or CleanSlate content management systems, 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. University Relations - Digital will review the design. Please include ONLY Adam Glenn and Mike Esposito on the approval request. Give us at least 5 business days to review your design upon submitting your original concept. We will approve your design or ask for edits in the board comments. Once approved, build your templates and submit the website for formal approval using the process outlined here. You must submit your final *.sandbox.wvu.edu URL at least one week prior to your intended launch date.
Accessibility: All websites must meet our accessibility guidelines prior to launch.
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 email@example.com
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.