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 in the masthead on all campus websites. In most cases, the site name should be in the top left and the campus logo in the top right.
Web Colors
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.
Core Colors
#182B49 | PMS 2767
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
#00629B | PMS 3015
Aa
Aa
Aa
Aa
#C69214 | PMS 1245
Aa
Aa
Aa
Aa
#FFCD00 | PMS 116
Aa
Aa
Aa
Aa
Accents
#00C6D7 | PMS 3115
Aa
Aa
Aa
Aa
#6E963B | PMS 7490
Aa
Aa
#F3E500 | PMS 3945
Aa
Aa
Aa
Aa
Aa
Aa
#FC8900 | PMS 144
Aa
Aa
Aa
Aa
Neutrals
#000000 | Black
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
#747678 | PMS Cool Gray 9
Aa
Aa
#B6B1A9 | PMS 401
Aa
Aa
Aa
Aa
#FFFFFF | White
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Type
UC San Diego’s primary typeface, Brix Sans, is available as a webfont from MyFonts. If you are unable to purchase a license for Brix, the recommended substitute for web is Roboto. Roboto is available for free through Google. It is also the font used in the latest campus web templates provided by IT Services. A traditional webfont stack (i.e. “Helvetica Neue”, 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.
Campus Content Management System (CMS)
IT Services offers a free content management tool to manage your campus website. The templates, based on the image-rich ucsd.edu site, feature an easy-to-use modular design and are fully responsive. Learn more about available templates.
