Gettysburg.edu Style Guide

Information on Gettysburg.edu typography, major page and structural elements, and color palette.

Typography (webfonts)

ITC Avant Garde

ITC Avant Garde is a sans serif face that is used for headings. Available in Bold and Bold Italic.

Fallback fonts:

1. Helvetica Bold
2. Arial Bold
3. Sans serif

Mrs. Eaves

“Mrs. Eaves” is a serif face that is used for body copy. Available in Regular and Regular Italic.

Fallback fonts:

1. Georgia
2. Serif

Gettysburg.edu type hierarchy

Structural headings and other elements

The above heading (“Structural headings and other elements”) is an example of the Heading 2 - .Delta style. Example page copy follows.

At Gettysburg College there are two hallmarks to the academic curriculum:

1. We ask students to be self-reflective, to write and think in ways that express a growing self-awareness about the progress and impact of their education; and
2. We ask students to make connections in what they are learning; to see relevant implications across courses, to achieve an education that is more than a transcript of self-contained courses.

Of course, we still ask students to select a major, a field about which they feel passionate, and in which they will study in depth. And the entire program begins with the highly recommended option of our first-year seminars, which create small, intense, residential learning communities of active learners around wonderfully interesting topics.

This is a truly exciting curriculum, structured around four key elements:

Heading 3 - .epsilon Style

Gettysburg College students are required to engage in multiple forms of inquiry -- in the humanities, the arts, the social sciences, and natural sciences -- in a self-conscious and intentional way.

Heading 4 - .zeta Style

We expect students to learn a variety of approaches, to apply them aptly, and to understand their value and their limitations.

Heading 5 - .eta style

We believe our graduates should know how to integrate what they have learned. It is not enough to have compartmentalized knowledge. Integrative thinking is required to create solutions, to develop new ideas, to exert leadership.

Heading 6 - .p--small style

We believe our graduates should know how to integrate what they have learned. It is not enough to have compartmentalized knowledge. Integrative thinking is required to create solutions, to develop new ideas, to exert leadership.

Tables

Forms

Text input

Email input

Password input

Textarea input
Write something here

Submit input

Dropdown (selectbox) input Option 1 Option 2 Option 3 Option 4

Radio input 1 Radio input 2

Checkbox 1 Checkbox 2

CTA (Call to Action) buttons

Primary Button Secondary Button

Color palette

The selection and application of color on the new site best define the refreshed Gettysburg College brand.

Color compliance

We strive to meet WCAG 2.0 AA compliance for color contrast throughout the site. We revised our web templates in 2019 to improve contrast thresholds for links. Much of the site already accounts for appropriate color pairings, but as new content is added, it’s important to make sure contrast is sufficient by first using a tool like WebAIM’s Contrast Checker. The contrast ratio must be 4.5:1 or greater for color accessibility.

Design system colors