UCSB 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 websites, 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.

UCSB School Seals and Logos

UCSB school seals and logos (low-resolution images) available in this section are intended for use on UCSB websites only. Websites using this material should include the copyright information in the footer.

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:

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.

UCSB Official School Seal

UC Seal

University Colors

The official blues and golds used in UCSB print publications have been translated into equivalent hexidecimal colors that correspond most closely to the palette. We encourage you to choose your blue and gold from this palette:

PMS 286(Dark Blue) 0039a6
PMS 287(Dark Blue) 00338e
PMS 123(Gold) ffc82e


Body Copy

For body copy, use a sans-serif font widely supported by browsers, such as Arial or Verdana.

When specifying fonts in your CSS, don't assume that any particular font is available. Offer a generic alternative style (serif, sans-serif, or monospaced) in your font stack:

font-family: Arial, Helvetica, sans-serif;

Banners and Logos

Minion and Frutiger are the official font families for UCSB print publications. While these fonts are not directly supported by browsers and not recommended for page content, they can be used for banner and department logos. Minion Condensed is used in the banner examples above.

Font Services and @font-face

The CSS3 @font-face rule allows for using fonts within web pages beyond the limited set of fonts installed on the computer of the user visiting a website. Various font services exist that make the process of setting up and using @font-face easier, including addressing cross-browser issues.

UCSB Campus Image Resources

UCSB Photo Services has an archive of campus photos available for the web for a fee. If you don't find what you are looking for in their archive, you may hire their photographers to shoot on location or in their studio.

You may also contact the UCSB Cheadle Center for Biodiversity and Ecological Restoration (CCBER) for photographs.