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.

Modifications to UCSF Brand Guidelines for Websites

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 Documents and Media (664 pixels wide). If you do not have a “web only” file in your logo package, please email [email protected] to request. Websites without UCSF logos should have the name of their group/center/lab in Helvetica Neue or Arial at 26 pixels. See website standards page on the Brand Portal for further guidance.