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.

Brand Color Accessibility

Color accessibility should always be considered when designing a website. The Web Content Accessibility Guidelines (WCAG) 2 recommends the contrast ratio (brightness between two colors) of text and its background (and vice versa) should be at least 4.5:1 to be more readable by those with visual disabilities. This contrast ratio meets Level AA requirements. It excludes large text, logotypes, and incidental elements, such as those that are not interactive. Below is a chart of all UC San Diego brand color combinations that meet this standard.

Click on a color below to view accessible brand color combinations:

Core Colors

 
 #182B49
Aa
Aa
 
#C69214
Aa
Aa
 
#FFCD00
Aa
Aa
 
#00C6D7
Aa
Aa
 
#F3E500
Aa
Aa
 
#FC8900
Aa
Aa
 
#FFFFFF
Aa
Aa
 
#B6B1A9
 
 #006A96
Aa
Aa
 
#F3E500
Aa
Aa
 
#FFFFFF
 
 #C69214
Aa
Aa
 
#182B49
Aa
Aa
 
#000000
 
 #FFCD00
Aa
Aa
 
#182B49
Aa
Aa
 
#000000

Accents

 
 #00C6D7
Aa
Aa
 
#182B49
Aa
Aa
 
#000000
 
 #6E963B
Aa
Aa
 
#000000
 
 #F3E500
Aa
Aa
 
#182B49
Aa
Aa
 
#006A96
Aa
Aa
 
#000000
 
 #FC8900
Aa
Aa
 
#182B49
Aa
Aa
 
#000000

Neutrals

 
 #000000
Aa
Aa
 
#C69214
Aa
Aa
 
#FFCD00
Aa
Aa
 
#00C6D7
Aa
Aa
 
#6E963B
Aa
Aa
 
#F3E500
Aa
Aa
 
#FC8900
Aa
Aa
 
#B6B1A9
Aa
Aa
 
#FFFFFF
 
 #747678
Aa
Aa
 
#FFFFFF
 
 #B6B1A9
Aa
Aa
 
#182B49
Aa
Aa
 
#000000
 
 #FFFFFF
Aa
Aa
 
#182B49
Aa
Aa
 
#006A96
Aa
Aa
 
#000000
Aa
Aa
 
#747678

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