Skip UCSF navigation|About accessibility UCSF University of California, San Francisco
About UCSF
Search UCSF
UCSF Medical Center
End of UCSF navigation
Skip breadcrumbs navigationUCSF which contains School of Pharmacy which contains Information for Web Developers which contains Web Developer's Guide which contains Step 8: Build your site which contains Style Guide
School of Pharmacy•
Style Guide
Overview
Visual Design |
Navigation Design |
Interaction Design |
Information Architecture |
Content Style |
Code Style |

End of section-level navigation

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 supersedes the University-level editorial style guide and visual identity standards described at Understanding Identity.

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 Download Graphics. To obtain the UCSF School of Pharmacy logo, contact Associate Dean of Planning and Communications Susie Levings at levingss@pharmacy.ucsf.edu.