UCSF School of Pharmacy

Style Guide

Our Web style guide describes how to create Web sites that match the standard for Web design in the UCSF School of Pharmacy.

1. Visual Design
   How our Web pages look.
   1. Layouts
   2. Colors
   3. Text
      1. Fonts
      2. Stylesheets
      3. Body Text
      4. Headings
      5. Lists
   4. Images
   5. Boxes
   6. Tables
   7. Calendars
   8. Forms
   9. Downloads
2. Navigation Design
   How navigation for our Web pages works.
   1. Banner Navigation
   2. Breadcrumb Navigation
   3. Local Navigation
   4. Go To Links
   5. Footer Navigation
3. Interaction Design
   How our Web pages behave.
   1. Links
   2. Navigation
   3. Pop-up windows
   4. Javascript
4. Information Architecture
   How our Web pages are titled and structured.
   1. Site Architecture
   2. Page Architecture
   3. URL Architecture
5. Content Style
   How the content of our Web pages is written.
   1. Writing Style
   2. Usage Details
      1. Ambiguous Language
      2. Numbers
      3. Currency
      4. Date and Time Format
      5. Time Zone
      6. Times of Day
      7. Daylight Savings Time
      8. Symbols
      9. Em Dash
      10. Quotation Marks
      11. Degrees
      12. Computer and Technology Terms
      13. Governmental Agencies
   3. Advertisements
   4. Multimedia
6. Code Style
   How our Web pages are coded.
   1. Validation
   2. Accessibility

Related Topic: Templates

Go To: Information for Web Developers

Recommended Skill Levels

These guidelines presume skill levels described in Recommended Skills for School of Pharmacy Web Developers.

About the University Style

Our site's visual design was crafted in cooperation with UCSF Public Affairs, so for Web sites within the School of Pharmacy only, our style guide and templates supersede the University-level identity guidelines and Web templates at Web Development Resources.

About UCOP Style

University of California Office of the President has history, identity specifications, usage guidelines, logo downloads, style guides, identity samples, and more at Graphic Identity Guide and Resources.

Logo Artwork

To download UCOP logos, visit Graphic Identity Guide and Resources Downloads. To download UCSF logos, visit the Logo Image Database. To obtain the UCSF School of Pharmacy logo, contact Associate Dean of Planning and Communications Susie Levings at levingss@pharmacy.ucsf.edu.