Student Affairs Graphic Standards, Logos & Templates

In order to create a unified identity and consistent experience for users of Student Affairs' online services, web standards have been established for the upper levels of all the units' sites. These standards include layout and content presentation guidelines and graphic standards in the form of HTML, CSS and image templates.

While the materials provided are oriented toward promoting a consistent identity, flexibility has been built into them to allow for a variety of needs and approaches. All materials have accompanying documentation to facilitate their implementation.

Layout Guidelines

There are three options for Student Affairs department pages. Template 1 offers a banner look consistent with the University of California, Irvine home page, uci.edu, with 2- or 3-column body and footer areas distinct to the Student Affairs pages. Template 2 offers 2- or 3-column body and a modified banner with a photo image element which refreshes upon reload. The third option for Student Affairs units is the uci.edu second-level template available through University Communications.

Most text formatting, including color and fonts, may be achieved through the use of automated Cascading Style Sheets of CSS, which are included in the downloadable template sets.

Page Banners

For page header banners with customized lettering, contact Cindy Love at clove@uci.edu

Colors

The following colors are used in the Student Affairs website templates. Additional colors may be used as spot colors, as long as they complement these colors:

#000000	#000033
#003399	#335588
#E5EAF5	#FFFFFF
#FFFFCC	#FFCC00

Accessibility

In compliance with the UCOP accessibility mandate, all Student Affairs websites must be accessible to persons with disabilities. One way to ensure website accessibility is to run a check on each of your pages at: