Blog

UCSF Website Updates

News and announcements regarding UCSF websites, as well as best practices and tips for getting the most out of your web presence.

December 27, 2017
Accessibility
Policies & Standards

The following modifications have been made to the UCSF Brand Guidelines for web applications:

Digital Colors:
Clarification on type size (in pixels, not points as previously listed) has been made. Brand portal now has live type for all digital colors, so HEX code can be copied and pasted onto your website. See Digital Colors page.

Hyperlink:
The universal hyperlink color for UCSF websites has changed from Pantone Process Blue C to #0071AD. The hyperlink color should not be used against dark backgrounds (i.e. in website footers.) See Digital Colors page of the Brand Portal for details.

Web Banners:
Additional detail provided for guidance on UCSF web banners (pixel size added for logo, logotype, menu items). Web banners are still downloadable from the brand portal, and HEX code added for recommended colors. See website standards page on the Brand Portal.

Navigation:
Recommended number of links for web navigation is 7 (previous recommendation was 9.) Additional detail provided for recommended font size (16 pixels) and white space between menu items (66 pixels). See website standards page on the Brand Portal.

Logo Lock-up Size for Websites: UCSF campus and clinical logo lock-ups on websites should be displayed at 332 pixels wide. A “web only” file is included in your logo files from...

Read more »