University Web Standards

The University Web Standards define the requirements for all web materials created by and for the University of Kentucky. These standards make use of the web style guide, which provides code for creating an overall consistent experience for your users on uky.edu.

Logos & Identity

University Lockup

the university lockup
All public web materials are required to include the University Main Lockup in the footer of the page, as described in the Global Footer component of the web style guide.

Unit / College lockup

an exmple college lockup
All public web materials belonging to a College or other Unit must include the official College/Unit lockup provided by Public relations & Marketing in the upper left corner of the page content area, as described in the Global Header Component of the web style guide.

Sub-unit / Department Identity

Colleges and primary units must implement their sub-unit and/or departmental identity using a consistent typographic style. Colleges may incorporate a graphic treatment for their departmental identity, provided that such a treatment is implemented consistently across all departments, and does not replace any usage of official UK marks.

Secondary Logos

Secondary logos that clearly are designed to replace UK marks or identify a department or college are no longer permitted.

Additional Resources

Lockups for many units are available for download or by request from Public Relations & Marketing .

Typography

Typography Requirements

The official University of Kentucky brand fonts are Mercury and Avenir. All identity-related web graphics must use these two fonts. Desktop licenses for these fonts are available from Public Relations & Marketing.

Open Font Alternatives

Web use licenses of Mercury and Avenir are not provided for university web materials. Alternatively, the following open source web fonts are recommended:

Lora
Muli

Colors

The web style guide defines a primary and secondary color palette:

Primary Color Palette

  • Wildcat Blue
  • #0033A0
  • @color-wildcat-blue
  • Wildcat White
  • #ffffff
  • @color-wildcat-white
  • Wildcat Black
  • #2C2A29
  • @color-wildcat-black

Secondary Color Palette

  • Light blue
  • #1897d4
  • @color-light-blue
  • Medium blue
  • #143887
  • @color-medium-blue
  • Dark blue
  • #202c5f
  • @color-dark-blue
  • Light gray
  • #C8C8C7
  • @color-light-gray
  • Medium gray
  • #a5acaf
  • @color-medium-gray
  • Dark gray
  • #63656a
  • @color-dark-gray

Color Requirements

  1. When generating identity-related graphics and styles, the primary color palette must be used.
  2. All public web materials must incorporate the primary or secondary color palettes in their visual design.

Required Components

All public web materials require 2 interface components: the global header and global footer. These components include several elements, and follow a specific visual style. Implementation code for these components is provided in the web style guide. Any variation from the style guide implementation must be approved by Public Relations & Marketing.

The global header must be the topmost component of the page, and includes:

  • An official Institutional or primary Unit logo
  • link to myUK
  • search field element

The global footer must be the bottom-most component of the page, and includes:

  • The institutional lockup, linked to uky.edu
  • The email address of the individual or group responsible for maintaining the site
  • The physical address of the unit that owns the website (if applicable)
  • Copyright, location Equal Opportunity, and Accreditation information

Accessibility

Per the University Web Policy, all web materials must comply with Section 508 accessibility standards, as well as KRS 61.980-61.988 . The requirements below are a minimal baseline standard for compliance, and are based on the checklist provided by WebAIM.org .

Accessibility Requirements

  1. A text equivalent for every non-text element must be provided.

  1. Equivalent alternatives for any multimedia presentation must be synchronized with the presentation.
  2. Web pages must be designed so that all information conveyed with color is also available without color, for example from context or markup.

  3. Documents must be organized so they are readable without requiring an associated style sheet.

  4. Content must not use html table elements for anything other than the representation of tabular data. Row and column headers must be identified for data tables. Markup must be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.

  5. When electronic forms are designed to be completed on-line, the form must include descriptive labels in order to allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues. Dynamic scripting of the form elements must not interfere with assistive technologies or keyboard.

  6. A method must be provided that permits users to skip repetitive navigation links.

  7. When a timed response is required, the site must notify the user and give the user sufficient time to indicate more time is required.