UCPA

University Communications and Public Affairs

MENU

WEB

UC San Diego communicates to audiences in a number of ways through web and social media. These guidelines will ensure uniformity and consistency, which are critical in reinforcing our identity.

Logo

The UC San Diego logo must appear on all campus websites. In most cases, the site name should be to the left and the campus logo to the right.

Type

Presenting consistent typography on the web has historically been challenging, but the situation has improved in the last several years with the popularization of webfonts. The UC San Diego house typeface, Brix Sans, is available as a webfont from www.myfonts.com. Several other similar fonts are also available through other services, such as Adobe’s typekit.com. Choosing a classic web safe font stack (e.g., Helvetica, Arial, sans serif) is also acceptable.

Accessibility

Comprehensive accessibility guidelines are beyond the scope of this manual. Creating web pages that are accessible to individuals with different abilities is important. Doing so is not only in accordance with the mission of UC San Diego, it is also the law. For detailed accessibility recommendations refer to UCOP Electronic Accessibility Standards and Best Practices: www.ucop.edu/electronic-accessibility/standards-and-best-practices.

UC San Diego Web Example

Web Colors

Below are recommended colors for use in web and social media. These colors have been carefully chosen and tested for contrast and accessibility, and complement the colors in our print palette.

Primary Web Colors

These Hex and RGB conversions are to be used for web and social media only. For print colors, please see "Color Palette" in the "Brand Elements" section of the guidelines.

 

Pantone 3015
R0 G106 B150
#006A96

 

Pantone Cool Gray 9
R116 G118 B120
#747678

Secondary Web Colors

Used for rollovers, highlights, and accents

 

Pantone 2767
R24 G43 B73
#182B49

 

Pantone 116
R255 G205 B0
#FFCD00

 

Pantone 3115
R0 G198 B215
#00C6D7

Neutral Colors

Used for type, backgrounds, and limited accents

 

Black
R0 G70 B0
#000000

 

Pantone 401
R182 G177 B169
#AFA9A0