Web Communications’ primary responsibility is to develop and maintain the university’s web policies and identity standards. The college web team, under the direction of the dean, is moving college websites into the university’s content management system.
Benefits to our websites
This toolkit exists to facilitate and promote consistency in visual identity, navigation, and usability across websites university-wide. By adopting the standards, guidelines, and procedures detailed within, our websites benefit in several key areas, such as:
A unified vision of what each website should look like means users can tell, at a glance, that they are on a Virginia Tech website.
Websites must be made quick and easy to use, navigate, and understand for the widest audience possible.
Familiar look, feel, and functionality allows end users to instantly know how to navigate and use a Virginia Tech website.
Virginia Tech seeks compliance with its Web Guidelines and Procedures across all websites associated with the university.
A college departmental prototype is available as a guide for terminology and placement of navigation items and content.
Design guidelines for organizational units
- On the organizational unit’s homepage, the Virginia Tech logo must be placed in the upper left corner of the page. No other mark or logo may appear above or to the left of the Virginia Tech logo. Appropriate logos for Web usage can be downloaded from the branding website (PID log-in required).
- On sub-level pages within their websites, units may move the Virginia Tech logo to the upper right corner of the header area and place their own logos or identity markers in the upper left corner of the page.
- Use colors from the university’s family color palette, which also is available at the branding website. Please note that maroon (hex #660000) is the university’s primary color, so design your websites accordingly, to ensure consistency with family designs.
- The primary website navigation should be either vertically in the left column (preferred) or horizontally below the header. This will ensure consistency with family templates. Best practices for navigation prioritize links relative to usage patterns and importance. We advise against organizing links alphabetically, as usability studies have shown that doing so is essentially the same as random organization.
- Pages should be no more than 960 pixels wide, with the page centered in the browser window. Please note that a print stylesheet will be required to resize a page to 650 pixels for printing in Internet Explorer.
- The preferred font family for navigation and body text is Arial. The preferred font family for headers is Times New Roman.