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.
- Page Header Graphics, Multiple formats
- Page Header, Centered, 800 Pixels Wide
- Page Header, Centered, 960 Pixels Wide
- Page Header, Left Justified, 960 Pixels Wide
- Page Header, Left Justified, 800 Pixels Wide
UCSB Official Logo
- UCSB Official Logo (gradient background - 363x243px - jpg)
- UCSB Logo 1 (small - 86x46px - gif)
- UCSB Logo 2 (small - 86x46px - jpg)
- UCSB Logo 3 (extra small - 52x28px - jpg)
UCSB Official School Seal
- UCSB Official School Seal (multi colored, transparent background - 176x177px - gif)
- UCSB Seal 1 (blue and white - 87x87px - jpg)
- UCSB Seal 2 (blue and white - 143x142px - jpg)
- UCSB Seal 3 (black and white - 123x118px - gif)
- UCSB Seal 4 (blue and white - 103x102px - gif)
- UCSB Seal 5 (black and white - 105x101px - gif)
- UC Seal 1 (blue and gold, transparent background - 224x207px - gif)
- UC Seal 2 (blue and white - 150x150px - gif)
- UC Seal 3 (black and white - 102x102px - gif)
- UC Seal 4 (black and white small - 75x75px - jpg)
- UC Seal 5 (blue and gold - small - 75x76px - jpg)
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)|
|PMS 287(Dark Blue)|
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
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.