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

 

R:0 G:106 B:150
#006A96

 

R:116 G:118 B:120
#747678

Secondary Web Colors

Used for rollovers, highlights, and accents

 

R:0 G:70 B:95
#00465F

 

R:255 G:205 B:0
#FFCD00

 

R:0 G:198 B:215
#00C6D7

Neutral Colors

Used for type, backgrounds, and limited accents

 

R:0 G:70 B:0
#000000

 

R:182 G:177 B:169
#AFA9A0