University of California, Santa Barbara
UCSB WEB STANDARDS

GRAPHIC IDENTITY

ON THIS PAGE, THE WEB STANDARDS GROUP provides resources to help UCSB webmasters make a site look like a part of our University, and to encourage consistency. We provide a color palette, logos, fonts, and a best-practices example. We are issuing no dictates about the "look and feel" of your Web sites, and simply wish to provide this page as a resource.

Identify UC Santa Barbara and your department  to make it clear that your site is part of UCSB, and what department or unit the site belongs to. We recommend that the University's name or logo, and the department name be displayed clearly above the fold. Here are some examples:


UCSB School Seals and Logos (low-resolution images) available in this section are intended for use on UCSB Web sites only. Web sites using this material should include the copyright information specified under "Footer" below.

All UCSB trademarks, service marks, and trade names, including the University Seal and UCSB images and logos, are the property of The Regents of the University of California. Use of the UCSB graphic identity elements presented here is governed by Federal and State law and University policy, including the terms set forth in the following documents:
  1. Terms of Use
  2. Use of the University's Name
  3. Use of the University Seal
By downloading images from this site you are agreeing to follow the standards set forth in these documents.

High-resolution seals and logos suitable for use in authorized UCSB print publications are available from UCSB Artworks (http://www.aw.id.ucsb.edu/logos/).

 
Blues and Golds The official blues and golds used in UCSB print publications have been translated into equivalent Web-safe colors that correspond most closely to the palette. We encourage you to choose your blue and gold from this palette:
PMS 286 (blue): hex color #000099 hex color #330099
PMS 287 (blue): hex color #000066 hex color #330066
PMS 123 (gold): hex color #FFCC00 hex color #FFCC33

Some of our Web developers use these alternate colors on their sites:

hex color #FFCC66 hex color #336699 hex color #003366

Fonts
  • Page Content:
WSG recommends that all Web page content be presented with a sans-serif font supported widely by browsers. These fonts are the most common:
  • Arial
    Arial is a Windows sans-serif font that has a streamlined, more modern look, but isn't easy to read on screen because it's narrow and can look very light in smaller sizes.
  • Helvetica
    Helvetica is a Mac sans-serif font similar to Arial.
  • Verdana
    Verdana is an extremely easy-to-read sans-serif font that's included with Internet Explorer. Verdana is designed especially for screen display and should be used in preference to Arial or Helvetica.
Don't assume that any particular font is available for your Web pages other than a few generic styles - serif, sans-serif, and monospaced. When you specify the type for a Web page in CSS, specify your first-choice font, and a generic alternative. The specification would look something like this:
font family: Verdana, sans-serif;
Footer
WSG recommends that the following info be included in the footer of every campus Web site:
Copyright.  Copyright (c) 2006 The Regents of the University of California, All Rights Reserved.

The main page of all Web sites should have a link back to the main UCSB homepage (http://www.ucsb.edu/). For additional information about displaying a copyright message on your Web site, visit the UCOP Copyright Basics http://www.ucop.edu/ott/faculty/crprimr.html.
Department Identity.  All children/sub pages within a Web site should have a link back to the main page for that Web site.
Contact.  Should contain an email link to contact someone within the organization:
(webcontact)@(department).ucsb.edu.
Terms of Use.  This is a link to a page with information about the use of the University's name and image, the terms of use, disclaimers, and third party links. This page is maintained by the Campus Policy Coordinator.
Last Modified.  The last modified date should appear in the following format: April 4, 2006 (no month or year abbreviation).
Accessibility.  Include a statement or link to a statement offering alternative content for those who cannot access your page. See the footer of the UCSB homepage, http://www.ucsb.edu/.
Here's an example:

Copyright © 2006 The Regents of the University of California, All Rights Reserved
UC Santa Barbara, Santa Barbara CA 93106 • (805) 893-8000
Contact webmaster@ucsb.edu • Terms of Use • Accessibility
Last Modified April 4, 2006

Best-Practices Example

The "Best Practices" example of Graphic Identity standards may be found
at the following URL:
http://www.ucsb.edu/webguide/best-practice-examples.shtml
Return to top

Copyright © The Regents of the University of California, All Rights Reserved.
UC Santa Barbara, Santa Barbara CA 93106(805) 893-8000
Contact Us Text-Only Terms of Use Accessibility
Last Modified  December 1, 2008