Website Brand Requirements

Our web presence is the university’s digital front door. It is often the first, and sometimes the only, exposure people will get to the UO brand. We are committed to taking an inclusive and welcoming user-centered approach that provides maximum utility for our various audiences while maintaining a consistent experience across all University of Oregon websites.

We have a philosophical commitment—and a legal obligation—to provide accessible websites that comply with federal and state requirements.

Our responsive, UO-branded website theme is called Cosmic and is available to all University of Oregon faculty and staff. It currently supports Drupal 7 and 9 and a Wordpress version on UO Blogs.


Required Headers and Footers

The UO header and footer—the consistent, branded information at the top and bottom of our websites—are required on all officially identified UO office, unit, department, division, school, and college sites using the uoregon.edu domain.

The header and footer provide a standard navigation to audience-oriented content and to specific content for external audiences. The links and graphics are fixed and may not be altered or adapted.

Header

Required Site Header

The following links are required in the header:

Footers

Current Required Footer

The following links are required in the footer:

The following Non-Discrimination Statement is also required in the footer:

UO prohibits discrimination on the basis of race, color, sex, national or ethnic origin, age, religion, marital status, disability, veteran status, sexual orientation, gender identity, and gender expression in all programs, activities and employment practices as required by Title IX, other applicable laws, and policies. Retaliation is prohibited by UO policy. Questions may be referred to the Title IX Coordinator, Office of Affirmative Action and Equal Opportunity, or to the Office for Civil Rights. Contact information, related policies, and complaint procedures are listed on the statement of non-discrimination.


Using Color

On the web, ensure you provide sufficient color contrast for text and graphics.

DO
use our primary green and yellow dominantly in all communications.
DO
use accessible color combinations that offer sufficient contrast for all audiences.
DO
include plenty of white space.
DO
use the color builds provided in this guide.
 

DO
refer to the ratio below when using color in your designs. It’s not an exact science—UO green and yellow don’t have to be in equal proportion, and accent colors are entirely optional—but can help you keep your designs balanced.

Color Ratio Chart
DON'T
make secondary colors prominent in your designs.
DON'T
use color as the only indicator of importance or functionality on the web. Not everyone sees color the same way. Call out important information by adding an additional visual cue (icon, underline, etc.).
DON'T
use color combinations that are not accessible or are hard to read, such as white text on a yellow background.
DON'T
use color combinations that appear to represent other institutions.

Accessible Use of Color on the Web

Colors on the web are more than just a design decision. They also indicate functionality. If the links on your website are green, people will assume all green text links to something—and they’ll be confused if it doesn’t.

However, color CANNOT be the ONLY indicator of importance or functionality. Using color as the sole indicator makes the content inaccessible to users with impaired vision.

To help serve people with impaired vision, some of our web color values have been altered slightly from the print color values. Always use the HEX color values listed here to ensure they meet accessibility standards and provide sufficient color contrast for text and graphics.

Text Colors on the Web


Web Typography

All University of Oregon websites share a consistent look and feel—we want our audience to know at a glance that they’re visiting a UO website.

Our web typography includes three key typefaces: United Sans Regular, United Serif Regular (both for headlines), and Source Sans Variable (for body text). If you are unable to license United, we suggest using Source Sans as  a replacement font.

Source Sans and Source Serif are secondary fonts in digital and print when United is not available for use.

United Sans Regular typeface example

Use for headings, subheadings, and header and footer text.


United Serif Regular typeface

Use for headings, subheadings, and header and footer text


Source Sans

Use for body copy and when United is not available.

* In print, use primarily for business correspondence when United is not available


Source Serif

* In print, use primarily for business correspondence when United is not available.


NOTE: The University of Oregon has licensed United for limited use on the web. It is not licensed for use across all UO websites. For more information about using United on your website, please contact uobrand@uoregon.edu.