University of Scranton Web Style Guide

This guide has been created to maintain a consistent, effective, and engaging digital presence that reflects the unique identity and values of our university. It serves as a comprehensive resource for anyone involved in creating, updating, or managing content on our website, from university staff and faculty to student workers and external contractors.

Our website is one of the primary ways we interact with our community — students, faculty, alumni, and visitors alike. Therefore, it's crucial that we provide a consistent user experience across the site, maintaining a balance between our distinctive visual identity and clear, accessible content.

This guide covers everything from the tone of our writing to the design of our pages, including typography, colors, imagery, and user interface elements. By following these guidelines, we can ensure that our website effectively embodies the University of Scranton's mission and values, while meeting the needs of our diverse online community.

Fundamentals

Pencil Icon

Typography

Color icon

Colors

grid icon

Grid

university of scranton

Branding

Elements

button icon

Buttons

card icon

Cards

list icon

Lists

paragraph text icon

Paragraphs

Components

accordion icon

Accordions

tab icon

Tabs

quote icon

Quotes

galleries icon

Galleries

Templates

two column grid icon

Two Column

three column grid icon

Three Column

Scroll to Top