Web Style Guide
Each UCSF website provides an opportunity to make a strong impression on our audiences. We have put together a set of best practices to create consistency across UCSF-affiliated websites addressing the web banner and main navigation, logo lock-up placement and sizing, as well as application of the graphic system. The proposed designs create a connection between our websites, while enabling sub-brands to showcase their personality.
In addition to the aligning with UCSF brand standards, requirements and technical specifications are offered to help you build an official UCSF website. If you're starting a website, please review the UCSF Website Standards.
There are several resources for UCSF web site developers to meet the UCSF Brand guidelines.
- identity.ucsf.edu - The primary source for all UCSF style information
- shoestring.ucsf.edu - A developer friendly twitter bootstrap replacement
- ucsf banners code example - hosted in the UCSF web services git repository.
In addition there are two technology specific code bases:
- https://github.com/ucsf-web-services/ucsf_jekyll_basic - For Jekyll
- https://github.com/ucsf-drupal/ucsf_installprofile - UCSF Drupal Install package
Migration Status
- 4098 reads
- Printer-friendly version
- PDF version