Home » Web Style Guide
Web Communications: Web Style Guide

Web Style Guide

Web Style Guide

The web is a powerful tool in communicating messaging to Temple University's audiences: prospective and current students, faculty and staff, alumni and friends.

As part of Temple's core Marketing and Branding team, Web Communications can help web properties within the temple.edu domain articulate the Temple brand through the consistent use of fonts and colors, correct logo placement, required header and footer elements and other essential components of a Temple University website. 

School and college, campus, administrative unit and department websites should follow the required elements in the Temple University Web Style guide. If you have a question about usage, please contact Web Communications directly. 

Temple University Web policies

All new web properties and projects in development must conform to the policies below.

  • All new web properties built in Drupal 7 should be hosted on the university's enterprise Acquia network.
  • All web designs must be reviewed by Marketing and Branding to ensure correct usage of the Temple logo and wordmark.
  • New websites must be built for responsive design. In addition to desktop, additional style sheets must be designed and built for tablet and mobile devices. Desktop must be designed at a minimum of 960 pixels wide.
  • Websites must have Google Analytics code installed. The core Marketing and Branding team should have access to all Google Analytics for digital marketing purposes for websites within the temple.edu domain. 
  • Only authorized developers who are part of the core development team will be granted access directly to the Acquia network. 
  • Photography, graphics and video must conform to web standards. 

Inside the Web Style Guide

  1. Logo and wordmark: Learn about Temple University logo and wordmark system for the web. 
  2. Color palette: All websites must use Temple's official cherry in some capacity as a primary or secondary color.
  3. Fonts and typography: Use of official web fonts helps to create a cohesive brand across web properties. 
  4. Header and footer: The standard web header and footer for new Temple websites, with details about logo and wordmark placement and global elements.
  5. Navigation and links: Several areas of navigation and consistent use of links ensure good user experience.
  6. Slideshow: Home page slideshows or rotating slider must follow guidelines. 
  7. Accessibility: All websites must be built according to accessibility guidelines to ensure compliance with the Americans with Disabilities Act.
  8. Domain name policy: Proper usage of subdomains and subdirectories helps users navigate the university's web complex.