Skip to main content

Web Style Guide Overview

The RUSH University Web Style Guide is provided to help designers, developers, content creators and publishers employed by the University maintain consistency across academic and administrative department web pages. The guide includes a comprehensive list of visual and functional components and their use throughout the site.


Writing for the Web: RUSH Editorial Style

RUSH has a style guide that applies to all text on the RUSH University website. Please review this condensed version of the style guide (RUSH login required) and edit your content accordingly.

About the Visual Style

The design of the RUSH University website is based on brand guidelines established by the Marketing Communications department. On the web, open-source typefaces in addition to web optimized brand fonts have been used for improved on-screen rendering. Colors have been selected in accordance with WCAG 2.0 AA accessibility guidelines.

Visual Style Overview

UI Components and Patterns

The site contains common user interface (UI) components designed to help users find specific information easily. Navigation sets, buttons and iconography all follow established patterns that will be familiar to or easily learned by key audiences.

Responsive Web Design

  • Responsive web design makes the RUSH website look good and function properly at any size regardless of device.
  • The HTML is constructed such that a single set of HTML works across all devices and screen sizes.
  • The HTML avoids duplicating elements for display at different breakpoints and avoids using JavaScript to adjust the display for different breakpoints.
  • When possible, spacing units are defined as rem or em units; rather than defining pixel sizes, this allows the elements to scale appropriately.