California State University, Fullerton

Web Standards

Required Web Elements

Ease of navigation, logical architecture and a consistent visual environment helps ensure a user-centric web presence that provides a rich, meaningful and engaging experience for our audiences.

Until full campuswide migration to OU Campus is mandated toward the end of the lengthy implementation process, campus users not using an approved OU Campus template are required to uphold the following standards to ensure accessibilityaccuracy, proper use of the university's visual identity and thoughtful, intuitive navigation.

 

Accessibility

CSUF must comply with the CSU's Accessible Technology Initiative (ATI) and federal Section 508. Please refer to IT's Accessibility Technology Initiative website for more information.


 

Identity

Whether a visitor is on the university homepage, portal, a college website or a particular department page, a consistent look-and-feel helps support the university visual identity and overall user experience.

The following are the required minimum standards that all campus websites must maintain.

Web Header

web header

The university web header must be used on all university webpages to unify the institution's web presence.

  • A university blue bar (35 pixels in height) that contains the words "California State University, Fullerton." The university name is linked to the homepage (http://www.fullerton.edu)
  • The header can extend to 100 percent width of the web page or be set within a fixed dimension size.
  • The default setting includes the links to the Portal Login page, university's A-Z Index page and the university search engine position to the right of the header.
  • Do not shorten the university name or alter the color and font.
  • Below the blue bar is the website header which identifies the name of the website or department. All web headers should be in "Times New Roman" font.
  • No campus entities are allowed to include the university logo or any unofficial logo on the header. The faded photograph of the granite monument with the university seal on the default header is subtle and adequate for visual identity.
  • A top tab structure is required across all sites to ensure consistency with navigation as visitors click through sites.

Web Footer

web footer

A web footer must be used on all university webpages to provide contact information. It should include:

  • The university logo on the bottom left that links back to the university homepage (www.fullerton.edu).
  • The following disclaimer to the right of the logo:
    This site is maintained by <name of department>.
    To report problems or comments, please contact <email of web administrator>. Tell us about a web accessibility problem.
    © California State University, Fullerton. All Rights Reserved.

Fonts

The formal university fonts are "Adobe Garamond" and "Helvetica Neue." Because these fonts are not readily available for web browsing, please use Times New Roman for <H1> tags and Arial as their web counterparts.


Colors

  • The following are web-safe colors equivalent to the university colors:
    • Blue: #003366
    • White: #FFFFFF
    • Orange: #FF6600
  • Avoid using other strong colors that may clash with the university colors and connote other institutions (e.g. cardinal red, green, purple, etc.).
  • The university colors are blue and white, with orange being an accent color. Avoid using orange as the primary color of a website.

University Logo

It is not required to use the university logo on your webpages, since both the web header and footer clearly identify the university. If you elect to use the university logo or the CSUF emblem on your webpages, it should follow the general guidelines and avoid inappropriate use as established in the official visual identity system.


 

Navigation

All campus websites must promote quick, easy and intuitive navigation. Toward that end, all sites must maintain similar navigational elements that allow visitors to navigate from one site to another with ease and consistency. 

Web Header and Footer

As described above, all campus websites must have the minimum university web header and footer to identify the sites as a part of the university. The web header should also include links to Portal Login, the A-Z Index page and search field to assist visitors search for information.

Search Engine

The Google search engine should be positioned on the top right. Excluding the university homepage, all websites should provide the option to search within the specific site or to all sites under the 'fullerton.edu' domain.

Tab Structure

Campus websites should employ a top tab structure marking their primary sections.

Left Navigation

Left navigation is used to identify sublinks within a particular section (ie. tab structure).

Breadcrumbs

Breadcrumb navigation assists visitors in understanding the hierarchical structure of the site.

Examples of tab structure, left navigation and breadcrumb


 

Accuracy

Failure to update outdated or inaccurate information causes confusion and frustration, and reflects poorly on the institution. Every division, department or program on campus must identify authorized users responsible for the accuracy of their webpages and any links contained within them.

The A-Z Index page lists all known campus websites. Please review the page to make sure your sites are listed and the links are accurate.

To update the A-Z Index page, contact:
Mishu Vu
Strategic Communications
mishuvu@fullerton.edu
ext. 7675