Web and Electronic Media

WEB PAGES

Before designing or building a Web page, familiarize yourself with all aspects of the university graphic standards in this manual. For the most part, graphic standards apply to Web pages as they do for other communications and publications. There are several modifications outlined in this section that take into account the various differences between print and Web experiences for users.

Materials placed on a campus Web server are also subject to the following university policies:

Campus Web Guidelines
Appropriate Use Policy for Information Technology
Applicable state and federal laws (such as making Web pages accessible to browsers with various disabilities)

For more information on any of the above policies or applicable laws, visit: http://www.csupomona.edu/policies.php or http://www.csupomona.edu/~iit/policy/

Graphics for University Identity

Each Web page should reinforce the university's image and be clearly identified as a part of Cal Poly Pomona. To ensure that each of the university's Web sites maintains sufficient identification with the university and a level of consistency between sites, home pages must contain up to two of the university's graphic elements:

University logo

University logotype

University logo and logotype

Logotype bar

Logotype bar II

GUIDELINES:
- If two graphic elements are used, they must not be adjacent to each other.
- Preferably, one graphic element should be used on the top of a page and one at the bottom.
- Follow other guidelines for these graphic elements as outlined in the manual.
When a university graphic element is used on a Web page, it should be linked to the university home page (http://www.csupomona.edu), ensuring consistent navigation between different parts of the Cal Poly Pomona Web. To make Web pages accessible, ALT tags with the university name should be associated with each logo image.
back to top
Web Page Dimensions
The dimensions of a Web page are determined by the responsible Web designer who considers the audience when laying out content. It is recommended that a balance is struck between the look and accessibility of the page.

Logo Use on Web Pages

The university logo is a symbol of the university and should be used on Web pages to identify Cal Poly Pomona. Below are special guidelines for the use of the logo on the Web. Other guidelines about logo use can be found in the Identity section.

The minimum size the logo can appear on the Web is 48 pixels tall, with the sole exception of the logo in the footer bar of Web pages based on the university Web templates.
For Web use, the clear zone around the logo has been reduced. The approved version of the Web logo graphic is available on the downloads section.
The logo cannot not be cropped, embellished or in any way appear animated.
The logo should always be linked to the university home page.
The logo should only appear in black, white or in the Web-equivalent of the university logo green (PMS 349).
The logo should not be screened or used as a background image, wallpaper or as a repeating background.
The logotype bar (or logotype bar II) and the university logo can be used on the same Web page together, but not adjacent to each other.

No competing or secondary logos may be used as a replacement for the university logo. For guidelines concerning the use of the university seal and Bronco logo, see section on Identity.

Logotype Bar Use on Web Pages

The use of the logotype bar is intended to establish a strong identity and consistent appearance. It is recommended that the logotype bar be incorporated into division, college, department and program home pages. Because a logotype bar cannot "bleed" off a Web page as it can on a printed publication, the Web-version of the logotype bar should span the width of the entire page. If the page is set to fill the browser window, then the logotype bar should span the entire width of the window as well. If the page is set to a specific width, then the logotype bar should only extend to the specific width of that page.

The height of the logotype bar has been reduced for use on the Web. It should be no smaller than 24 pixels. To maintain the correct font of the university name, an image of the logotype should be used to create the logotype bar, rather than typing and formatting it in HTML. A sample of the logotype bar is available on the downloads section.

Typefaces for the Web

To replicate the look and feel of the recommended university body font (Univers Condensed 47 Light), the body text of all division, college and department home pages should be in a common sans serif font such as Arial, Tahoma or Verdana.

Except for use in graphics, standard typefaces that are readily found in the majority of computers, including Times, Palatino, Arial, Verdana and Courier are recommended. If non-standard typefaces are used in header graphics, then they should still be readable.

Colors for the Web

As in print communications, Web pages should use the university palette of colors. Below is the Web-equivalent version of the official university colors and secondary palette.

OFFICIAL UNIVERSITY COLORS


	COLOR	WEB (HEXADECIMAL VALUE)
	gold	C6930A
	logo green	1E4D2B

SECONDARY PALETTE


	COLOR	WEB (HEXADECIMAL VALUE)
	orange	A24E12
	light green	679000
	olive	998714
	brown	613418
	purple	5A2D5F
	dark blue	293F6F
	maroon	7C1D20
	light blue	607C8C
	red	E31B23

Contact Information

Similar to a publication signature, Web pages should contain contact information on division, college and department home pages. It is common for this type of information to appear in the "contact" link on a Web page and should include department name, campus location, phone number, e-mail, business hours or any other pertinent information.