Introduction

Platform

History

Typography

Identity

Color

Brand Architecture

Photography

Ephelia

Overview

Toolkit

Contact

williams_guidelines_rectangle_1280px

Contents

Introduction

Platform

History

Typography

Identity

Color

Brand Architecture

Photography

Ephelia

Overview

Toolkit

Introduction

These guidelines outline the core visual language for the Williams College brand identity. They offer direction, both general to specific, regarding the use and implementation of various brand components, such as our logo, color, typography and other graphic devices. 


The strength of our visual identity is dependent on how well it’s understood. Use these guidelines to ensure that each piece of branded material for Williams is created with great intention and to the highest standard.


At the end of the day, guidelines are just that: a guide. Use this document as starting place, but not a means to the end.

williams_guidelines_rectangle_1280px2

Platform

Informed by extensive, immersive research into the college, including conversations with a wide range of constituents on campus and beyond, the strategic brand platform captures the essence of what makes Williams distinctively compelling. Everything in our visual identity is a result of this platform.

Invigorated by Connectedness

Character


Vigorous

Undaunted

Textured

Caring

Sociable

Position


For exceptionally driven, multifaceted students who seek to be full participants in their education…


… Williams is the immersive, relationship-centered liberal arts college…


… that fosters a lifelong capacity to thrive in an ever-changing world by stimulating meaningful self-exploration, deep community connections, and

crucial skill-building.


Key Pillars


Diversity of multifaceted contributors


Immersive, concentrated experience


Preeminent professor-mentors


Active, integrative learning


Robust participation culture


Caring, collaborative community


Authentic self-exploration


Dynamo alumni network

History

At its heart, our visual identity is a reflection of the people, place, and spirit of Williams College. 


Considering how our peers have represented our college in the past allows us to appreciate the present and plan for the future. 

Place


Defining what makes Williams so special can be hard to articulate. Ultimately, our community expressed deep admiration for the physical location of our college. 



Understanding the visual language of Williamstown, our campus and the surrounding Berkshire region was imperative to this process.

williams_guidelines_rectangle_1280px3-2

Spirit


Williams has always had a unique approach to communication. Below, we can see the eclectic and visually rich examples of Williams materials.



We call this spirit: typographic diversity.

williams_guidelines_rectangle_1280px4

People


The backbone of Williams College—today, and into the future.



The diversity of our community is what makes us who we are—the students, faculty, staff, alumni and partners.

williams_guidelines_rectangle_1280px5

Typography

As an extension of our history and who Williams is today, we’ve developed a typographic identity that embodies our core characteristics.

williams_guidelines_rectangle_1280px6_02

Eph Type Family


Our typographic language consists of four custom fonts contained within the “Eph Type Family”—each style represents a distinct Williams characteristic, as described below. 

williams_guidelines_type_weights

Eph Serif: Preeminent


Sophisticated, traditional and literary, Eph Serif is the voice that underscores Williams’ distinguished place among the country’s most prominent academic institutions.

williams_guidelines_type_weights2

Eph Slab: Undaunted


Bold and straightforward, unique in its peer set and tied to Williams’ typographic history, Eph Slab showcases Williams’ confidence in its individuality.

williams_guidelines_type_weights3

Eph Gothic: Caring


Simple, warm and soulful,  Eph Gothic is the welcoming and supportive voice of Williams’ caring community.

williams_guidelines_type_weights4

Eph Octic: Vigorous


Strong, geometric and full of energy, Eph Octic is the voice of Williams’ active, dynamic and invigorating spirit.

Please contact the Office of Communications for typeface files and license information.

Type Relationships


To help explain the different styles and each of their “volumes” (Light, Book, Bold), this matrix gives an overview of the family and visualizes their connectedness.



As indicated by the yellow circles, Eph Slab is the primary typographic voice of our identity. 

williams_guidelines_rectangle_1412px_rev

Primary expression


Our primary typeface is Eph Slab, commonly set in the Regular weight. Its primary use is for large typographic expressions, as the core representation of Williams College. 



Other weights (Light and Bold) of Eph Slab may be used when necessary.

williams_guidelines_type_slab

Text typefaces


Our supporting “text” typefaces are Eph Serif and Eph Gothic. Both of these typefaces can and should be used for longer-form text applications. They may also be used large and expressively, if needed.



Other weights of Eph Serif and Eph Gothic may be used when necessary.

williams_guidelines_type_eph
williams_guidelines_type_eph2

Supporting typefaces


Eph Octic is a typeface that should be used to support more expressive components of our identity. This does not mean it always needs to be big and loud, but it’s the more stylized font of the group.



Other weights of Eph Octic may be used when necessary.

williams_guidelines_type_eph3

Exceptions


While there are guidelines around how to use our typefaces together, there is also a large amount of freedom and exception. The Eph Family is meant to work together, at any size, scale and/or proportion.



Fewer limitations, more opportunities. 

williams_guidelines_type_wwww

Type in use


“Choice” is the root quality of our typographic family. Font styles can be used together, either in proximity or overlapping, in any given circumstance.



The images below are a few examples of how our four fonts can be used to varying degrees of expression.

williams_guidelines_rectangle_1080px
williams_guidelines_rectangle_1080px2
williams_guidelines_rectangle_1080px3
williams_guidelines_rectangle_1080px4
williams_guidelines_rectangle_1080px5
williams_guidelines_rectangle_1080px6
williams_guidelines_rectangle_1080px7

These examples are for exhibition purposes only and are not final design applications. Use them as a reference when creating new materials. 

Identity

Our wordmark, or logo, is the most consistent component of our identity. It is set in Eph Slab Regular and can be displayed in a “short” or “full” way..

Full wordmark


To be used when speaking “outside” of our Williams community, e.g. recruitment, website, partnerships, press.

williams_guidelines_rectangle_1280px7

Short wordmark


To be used when speaking “inside” of our Williams community, e.g. internal memos, merchandise, campus maps, signage.

williams_guidelines_rectangle_1280px8
Download Wordmarks ↓

Wordmark on color


The following figure/ground relationships should be followed. These pairings apply to both variations of our wordmark.



For specific color specifications, visit the color section.

Purple wordmark on white background. 

williams_guidelines_rectangle_1280px9

White wordmark on purple background.

williams_guidelines_rectangle_1280px7

In more limited instances, gold may be introduced into the wordmark and/or background.

Gold logotype on purple background.

Purple logotype on gold background.

williams_guidelines_rectangle_1280px11
williams_guidelines_rectangle_1280px10

Logotype don'ts


Alterations to the wordmark are strictly prohibited. Below are examples of these violations. 



These apply to all other brand components.

Don’t stretch or distort

Don’t introduce a new typeface

williams_guidelines_rectangle_1280px12
williams_guidelines_rectangle_1280px13

Don’t use unapproved colors

Don’t outline

williams_guidelines_rectangle_1280px14
williams_guidelines_rectangle_1280px15

Don’t apply effects

Don’t resize the elements

williams_guidelines_rectangle_1280px16
williams_guidelines_rectangle_1280px17

Wordmark alignment


When aligning the wordmark (full or short) to margins or other objects, please follow the following guidance.



Blue dots and lines indicate the alignment surfaces on horizontal and vertical axis. 

williams_guidelines_rectangle_1280px_rev18

Small application: business card

Large application: note card

williams_guidelines_square
williams_guidelines_square2

Use best judgment when aligning the logo—ultimately, you want even optical margins on the left and top sides (and sometimes the right). There may be exceptions to the rule based on application.

Social icon


The Williams College social media icon is represented by the uppercase letter in our name, set in Eph Slab Book. The white W on a purple background is the official college icon.



Additional icons may be used and created under the direction of the Office of Communications. Contact the OOC for details.

Square

Circle

williams_guidelines_square3
williams_guidelines_square4

Color variations

williams_guidelines_square6
williams_guidelines_square7
williams_guidelines_square5
Download Social Icon ↓

Email signature


Email signatures should include our full wordmark in purple, followed by the following formatted information:


Firstname Lastname

Title


Office or Department Name

123 Street Name, 0 floor

PO Box 000

Williamstown, MA 01267


P 000 000 0000   

email@williams.edu


williams.edu


williams_guidelines_square19

Text should be set in the 

Arial or Helvetica font.

Letterhead

williams_guidelines_rectangle_1080px17 williams_guidelines_rectangle_1080px18
Download Letterhead Template ↓

Body text should be set in Eph Gothic Regular. If brand fonts are not available, the Helvetica system font should be used. 


For a full list of stationery templates and formats, please contact the Office of Communications.

Color

Color plays a critical part in the success of a consistent visual language and should be applied with great care.

“Let this royal purple be the Williams color, and may it bring you the victory over Harvard.”

The words that gave Williams College its colors, said by Jennie Jerome in 1865, who would eventually become the mother of Winston Churchill

Primary palette 


Our primary color palette is made up of four colors, detailed below. 

Purple

  • HEX #500082

  • RGB 80, 0, 130

  • CMYK 83, 100, 12, 8

  • PMS 2597 C / Medium Purple U

Gold

  • HEX #FFBE0A

  • RGB 255, 190, 10

  • CMYK 0, 30, 100, 0

  • PMS 1235 C / 122 U

Black

  • HEX #000000

  • RGB 0, 0, 0

  • CMYK 60, 50, 50, 100

  • PMS Black C / U

White

  • HEX #FFFFFF

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0

  • PMS —

Extended palette


An extended palette that complements our primary colors

Dark Purple

  • HEX #280050

  • RGB 40, 0, 80

  • CMYK 100, 100, 25, 42

  • PMS 2627 C / 2112 U

Magenta

  • HEX #B1008E

  • RGB 177, 0, 142

  • CMYK 35, 100, 0, 0

  • PMS Purple C / U

Ocher

  • HEX #C86914

  • RGB 200, 105, 20

  • CMYK 20, 67, 100, 0

  • PMS 153 C / 145 U

Orange

  • HEX #FF7800

  • RGB 255, 120, 0

  • CMYK 0, 65, 100, 0

  • PMS 151 C / U

Download Color Palette ↓

Color proportion


When using the brand colors in any context, the optical ratio below should be followed. All of the colors do not (and most times, should not) need to be used at the same time. 

williams_guidelines_rectangle_1280px19

Brand Architecture

As a way to link the vast network of Williams’ departments, groups and activities to our identity, a three-tier brand architecture system has been devised. 

Connected


Connecting all of our 60+ areas of study to the Williams identity



For template and/or generated lock-ups, please contact the Office of Communications.

williams_guidelines_rectangle_1280px_arch
williams_guidelines_rectangle_1280px_arch2
williams_guidelines_rectangle_1280px_arch3
williams_guidelines_rectangle_1280px_arch4
williams_guidelines_rectangle_1280px_arch5
williams_guidelines_rectangle_1280px_arch6

In a website application, for example, the area of study can also disconnect from the wordmark, while remaining in close proximity.

Connected alternate


An alternate configuration can be composed as follows, where the connected entity has the same typographic hierarchy as Williams.

williams_guidelines_rectangle_1280px_arch7
williams_guidelines_rectangle_1280px_arch10_02

Example application.

Informative


Not everything needs a logo. For the majority of our offices, departments and related activities, an information-based architecture can be applied. 



There is no template for this configuration, as it is composed simply of our wordmark and text information, placed in proximity to each other.

williams_guidelines_rectangle_1280px_arch11

Shown on letterhead, for example.

williams_guidelines_rectangle_1280px_arch12
williams_guidelines_rectangle_1280px_arch13

Shown in the footer of our website, as another example

Related


Similar to the connected architecture, a third way of creating a relationship between the college and any official initiative is simply by introducing a color to the name.



For template and/or generated lock-ups, please contact the Office of Communications.

williams_guidelines_rectangle_1280px_arch14
williams_guidelines_rectangle_1280px_arch15
williams_guidelines_rectangle_1280px_arch16
williams_guidelines_rectangle_1280px_arch17
williams_guidelines_rectangle_1280px_arch18
williams_guidelines_rectangle_1280px_arch19

Again, deconstructed in places like the website

Summary


Three tiers of Williams brand architecture 

williams_guidelines_rectangle_1280px_arch20

Future extensions


As we think about the future of our identity and how it can grow to more creative places, an attempt has been developed that visualizes a potential world of unique brand extensions.



This area of development is still in progress and will continue to evolve as the identity is implemented.

williams_guidelines_rectangle_1080px19

Photography

Without the people, place and spirit of Williams, our brand is nothing. Photography helps us bring that to life.

Approach


Our approach to photography follows the same logic as our typography—there are “expressions” and “volumes.” 



These are not all-inclusive categories of what photography can be—they’re a perspective on how to consistently apply imagery in any context. 

williams_guidelines_rectangle_1412px_rev2

Application


Following the brand platform, our identity (and photography) should express range, diversity and texture.



Examples of how to pair “rousing” images with their “composed” and “focused” counterparts are shown below.

Rousing

Composed

Focused

williams_guidelines_square8
williams_guidelines_square9
williams_guidelines_square10
williams_guidelines_square11
williams_guidelines_square12
williams_guidelines_square13
williams_guidelines_square14
williams_guidelines_square15
williams_guidelines_square16

Contact the Office of Communications for official image libraries.

Ephelia

Our beloved purple cow has received a makeover.

williams_guidelines_rectangle_1280px26

Ephelia history


Like the seal and other parts of our identity, Ephelia has had a long and diverse history. While we’re still eager to have individualized renditions of Ephelia, a new drawing has been created to support a cohesive brand identity.


Our previous Ephelia, shown on the right, won’t be eliminated from the brand landscape; rather, an alternative is being added. 

williams_guidelines_square18

Ephelia


A new and improved interpretation of Ephelia, including additional positions, expressions and movement!


williams_guidelines_rectangle_1280px27
williams_guidelines_rectangle_1280px28
williams_guidelines_rectangle_1280px29
williams_guidelines_rectangle_1280px30
williams_guidelines_rectangle_1280px31
Download Ephelia ↓

Ephelia pattern


As an extension of Ephelia, her cow spots are a new graphic element that can be used.

williams_guidelines_rectangle_1280px32
Download Pattern ↓

Ephelia pattern variations


Following the theme, the cow spots can be used at various sizes.



There are no strict guidelines around which scale to use—see the below applications for examples. 

williams_guidelines_rectangle_1080px_rev

Ephelia in use


Large, small and everything in between—Ephelia and her spots are the most playful component of our identity.

williams_guidelines_rectangle_1080px11
williams_guidelines_rectangle_1080px12
williams_guidelines_rectangle_1080px13
williams_guidelines_rectangle_1080px14

As a way to extend the Williams identity, we are exploring possible ideas and applications for the college seal, Athletics, and the Society of Alumni.


More work will need to be done before files can be made available for download. If you have questions contact the Office of Communications.

Insignia


A secondary drawing of Ephelia has been developed for more formal occasions, such as the Williams Society of Alumni.



The insignia includes Williams’ initials, along with the founding year of our Society of Alumni—the oldest continuing alumni organization in North America!

williams_guidelines_rectangle_1280px40

Insignia variations


In different contexts, additional insignia variations can be used. 



Please do not modify the color combinations of our Alumni insignia.

williams_guidelines_rectangle_1280px41

Year Insignia


An additional function of the insignia is the “year insignia,” which includes the graduating year of any class from Williams.



To request a specific year, please contact the Office of Communications.

williams_guidelines_rectangle_1280px42
williams_guidelines_rectangle_1280px43

Logotype


The Alumni insignia can be paired with a new wordmark—set in Eph Gothic Bold—to create the Alumni Network logotype.



Do not pair other insignia variations with the wordmark.

williams_guidelines_rectangle_1280px44

In use


Williams Alumni Network brand materials in use.

williams_guidelines_rectangle_1080px15
williams_guidelines_rectangle_1080px16

Overview

A visual overview of the Williams College brand identity. Remember, this is a foundation to build on, not a sculpture set in stone.

williams_guidelines_rectangle_1280px6
williams_guidelines_rectangle_1280px7
williams_guidelines_rectangle_1280px45
williams_guidelines_rectangle_1280px19
williams_guidelines_rectangle_1080px
williams_guidelines_rectangle_1280px22
williams_guidelines_rectangle_verticalb
williams_guidelines_rectangle_1280px27
williams_guidelines_rectangle_1080px14
williams_guidelines_rectangle_1280px44
williams_guidelines_rectangle_verticalb2
williams_guidelines_rectangle_1080px5
Download Brand Package

Toolkit and Templates

PowerPoint
Keynote
Google Slides
Word
Google docs
Gmail Signature
Wordmark for Web
Wordmark for Print

For additional questions or guidance, 

please contact:


Meike Kaan

Associate Vice President

Office of Communications


(413) 597-3178

mck2@williams.edu

williams.edu

© 2020 Williams College

williams_college_logo_half