Graphic Identity

Overview

Engineering is an integral part of Princeton. The Princeton context makes the engineering school unique; Princeton engineers leverage the strengths of a world-class liberal arts university in their teaching and research. Engineering, in turn, adds value to the University by preparing all students to think wisely about the role of technology in society and by collaborating with non-engineers to solve societal problems.

The letter ‘E’ has been established at Princeton as a shorthand for Engineering, since the home of the engineering school—the engineering quadrangle—is familiarly called the EQuad.

The Princeton Engineering wordmark—with its special ‘E’ embedded in the traditionally-typeset word ‘Princeton’—conveys the school’s role as an integral part of Princeton University. It also provides a means by which the multiple departments and centers within the school can connect themselves to the school and the University, and present themselves to their multiple audiences in a coherent, meaningful way.

For more information about the Princeton University Identity please visit the following page:

http://www.princeton.edu/communications/services/image/graphic/

Colors

An explanation of princeton colors

How to make princeton orange:

R = 245
G = 128
B = 37

Hex = F58025

C = 0
M = 61
Y = 97
K = 0

Pantone (PMS) 158

Frequently Asked Questions

  1. What is a “graphic identity” and why do we need one?A graphic identity is a system of logos, fonts, colors and other design specifications that provide a consistent and engaging look for our printed and electronic materials. It has two main purposes:
    • To tie together all our activities, so that a seemingly disparate set of achievements and qualities begin to reinforce each other and create an impact that is greater than the sum of its parts;
    • To provide guidelines, templates and graphic files that make it easier for faculty, staff and students to produce compelling publications.

    Achieving these goals is a foundational step as the engineering school and its departments seek to raise their collective profile. Conveying Princeton’s message about engineering teaching and research is particularly important as we build support for substantial expansion and fundraising.

  2. How did we get this system? Who authorized it?The process of creating our new graphic identity began in 2006 when, with consultation and approval from a working group and the Dean’s Executive Committee, the Office of Engineering Communications issued a Request for Proposals to design firms. Based on bids, interviews, past work and a strong recommendation and offer of financial support from the Office of Development, we chose the design firm Pentagram.Pentagram designer Michael Bierut and colleagues held multiple meetings on campus to assess our needs and goals and presented an initial concept. In the meantime, the University conducted its own search for a design firm and hired Pentagram to create a new overall identity system for Princeton. This confluence of events allowed for a highly integrated process of refining and approving the engineering school’s system. Final review and approval came from the Dean’s Executive Committee and the Dean.
  3. How do I get letterhead and business cards?For electronic letterhead, please contact Steve Schultz in the Office of Engineering Communications to have a personalized letterhead template made in Word.For printed letterhead and business cards, contact the University office of Printing & Mailing, which has the necessary files and can fill in your personalized information.
  4. First, please read the included “Graphic Identity Guidelines.” This document is an essential reference point in making the system a success. It explains and specifies the mechanics of the system and provides examples.We’re providing jpg image files that are sized appropriately for typical simple web and print uses. Professional designers and those familiar with design software may want to use the “vector” (scalable) graphics, identified by the .eps extension. Please do not enlarge the jpg files — they would look fuzzy and diminish the effectiveness of the system. Similarly, please do not stretch any of the graphic files to make them taller or wider.When in doubt, call us. If you’re having trouble making the system work in a particular instance or just want a quick check of what you’ve done, we’ll respond quickly.
  5. Where do I get the fonts I need and the University seal?For access to Princeton University’s overall identity system, including the seal, go to www.princeton.edu/identity. The University’s new font, Monticello, is available through that site and from your departmental SCAD. This system also requires having the fonts Franklin Gothic and Franklin Gothic Demi, which are standard fonts on University computers.
  6. Are there any restrictions on how I may use these files?Again, please refer to the Guidelines. A key part of that document is examples of ways not to use the system. It is important to follow these guidelines because any graphic identity system derives much of its power and recognition from consistent use. Modifying, recoloring or attempting to re-create the included files can result in reduced overall impact. Please call us with questions.When it comes to providing the logo of the school or the University to an outside group for use on a poster or official sponsorship, please copy Steve Schultz (sschultz@princeton.edu) on the communication.
  7. I like the posters and websites shown in the guidelines. are you providing templates so I can make them myself?For simple projects, Steve Schultz in the Engineering Communications can help you get started. For professionally produced posters like the examples in the Guidelines, the best resource is a professional designer and we encourage you to contact Matilda Luk in the University’s Office of Communications (mluk@princeton.edu). Because each project (and each person’s software and skill level) is different there is no foolproof template.Regarding websites, please contact Neil Adelantar, web developer/designer, in the Office of Engineering Communications. He will be able to consult on options for creating or updating a site that is associated with the engineering school.
  8. Isn’t the E ambiguous? How will people know it stands for engineering?The system is designed to be flexible, making the denotation of the E more or less explicit depending on the familiarity of the audience. In its most explicit form, the words “School of Engineering and Applied Science” are placed in line with the E. Groups of people (from second graders to grad students) who have been shown the system with little or no explanation have consistently interpreted the E correctly.A bold and well implemented graphic identity system has enormous power to grow and become recognizable with very little context. Witness Nike’s swoosh. Our E is a logical focal point as we already have some “brand equity” in our use of EQuad and EQuad News. Nonetheless, the system is designed to allow our Princeton-E wordmark to be used as a non-essential supplement to a design — as when it appears in a black bar at the bottom of some posters — so that it can only add meaning to the design.
  9. Why is the identity not based on the acronym SEAS?We have moved away from using the SEAS acronym because its meaning is unclear to outside audiences (for example, the Southeast Asia Society has this URL: http://www.princeton.edu/~seas/). Except in certain transcendent uses, such as IBM Corp., the use of acronyms conveys a closed, inward-oriented viewpoint. Our logo and our general emphasis on the words Princeton and Engineering present us in an engaging way and project the standard of excellence that Princeton defines for engineering research and education.

Guidelines

The wordmark is shorthand for Princeton Engineering, which is itself a familiar name for the Princeton University School of Engineering and Applied Science. Always keep your audience in mind when determining how prominent the full name of the school should be on a publication.

Internal

For internal audiences, the mark will become so familiar that it alone will represent the school. On internal materials, such as course listings, posters, and t-shirts, the wordmark can stand alone to signify the school.

External

On external publications, the full name of the school should be included to reinforce the mark. The ‘lockup’ shown here provides a systematic way to join the word- mark and the school name.

If the school name is prominently placed elsewhere on the publication it need not also be locked to the wordmark.

The Princeton School of Engineering and Applied Science is comprised of six departments, as well as several research centers. Faculty and students often feel a strong affiliation with their individual department. The graphic architecture allows departments and centers to identify themselves on their own materials by locking their name to the wordmark.

Princeton University

School of Engineering and Applied Science

Engineering school departments

When used for an external audience, the full name of the school should also appear somewhere on the document.

Engineering school sample centers

When used for an external audience, the full name of the school should also appear somewhere on the document.

The wordmark and lockup are designed to work as a system. Always use the artwork as it is supplied. Do not recreate it or alter it in any way.

The wordmark

‘Princ ton’ is set in Monticello Roman. The ‘E’ is a custom character drawn for this mark. The letters are spaced and scaled to work well together.

Always use the supplied artwork.

DO NOT attempt to retype the wordmark using a bold typed E or recreate or alter the mark in any way.

The lockup

The school, department or center name should always be set in Franklin Gothic bold (except when using the 2 socket lockup as shown on page 6).

The space between the name and the wordmark equals 1/2 the height of the ‘E’ in the wordmark. The name always aligns left with the left edge of the ‘E’ and never extends past the end of the ‘N.’

This also applies to department and center names.

Whenever possible, the wordmark and name should be proportioned to one another as shown above.

When the lockup is printed small, the name can be slightly larger proportionately for legibility sake (example at left).

However, the name should NEVER extend beyond the ‘N’ in the word- mark (examples at right).

The wordmark plus school, department or center name ‘lockup’ is an orderly yet flexible system. The special ‘E’ is used as a reference point, to which the other type can be aligned.

The school name may be aligned below the E (with a 1/2 ‘E’ height space between).

This also applies to department and center names.

The school name may also appear in two lines above or below the wordmark, or in one line below.

These arrangements should only be used at a large enough scale so that the name is still legible.

The lockup also accommodates adding both a department name and the school name at once. This arrangement works well on simple applications, but should be used with care in more complicated settings.

When both the school and department name are plugged in, the department name should be set in Franklin Gothic bold, and the school name should be set in Franklin Gothic book.

The wordmark has been carefully typeset using a custom drawing of the typeface Monticello, and a custom- drawn ‘E.’ It should always be used as placed art to maintain consistency. Digital files are available from the Office of Communications.

don’ts

The wordmark and lockup should be isolated from other type and graphics by at least one E-height.

The wordmark and name should be printed in black or reversed out of white whenever possible. Princeton Orange (PMS 158) should be used as a supporting color but should not be used to print the wordmark or lockup unless printing in one color orange.

The lockup may appear black on a white or light color background.

The lockup may be white on a black or dark color background.

Hint: when Franklin Gothic bold (or any heavy typeface) is knocked out of a dark background, slightly increased tracking will improve legibility.

ONLY if a document is printed in one color that is not black, and the lockup cannot be knocked out of that color, may the lockup appear in a color other than black or white.

DO NOT make the lockup a color other than black or white.

DO NOT make the ‘E’ a different color than the rest of the lockup.

DO NOT make the name a different color than the wordmark.

To maintain legibility, the lockup may ONLY be placed on a photo or pattern that is low in contrast.

DO NOT place the lockup on a busy background that reduces legibility.

In some print publications or web sites, it may be desirable to place the wordmark in a black band with the name of the school, department or center ‘hanging’ above or below the band. This is an acceptable arrangement as long as the elements maintain their legibility and read as a coherent unit.

The band should be at least twice the height of the wordmark, and the wordmark should be centered within it.

The school, department or center name should be the same size in proportion to the wordmark as in all other examples.

The workmark and the name should always be black or knocked out to white, but they may be inverse of one another.

The two line school name may likewise straddle the band. It can also appear entirely within the band.

When the band is flush with the bottom of a page, the space below the wordmark may exceed the space above.

The space between the name and the band should remain equal to the top margin within the band.

On some materials—particularly for outside audiences—both the University signature and the engineering school wordmark should be included. The Engineering signature is derived from the University signature, and shares its typographic basis. They are meant to work well together on publications, but not to be placed side by side. Please follow the rules of thumb below.

Digital art for the University signature and guidelines pertaining to its use are available to the Princeton community for use on University related publications. Please contact the Office of Communications (Megan Peterson, meganp@princeton.edu, 609.258.5730; or Laurel Masten Cantor, lmcantor@princeton.edu, 609.258.5734).

The engineering mark and the University signature should NOT be placed right next to one another.

In these examples, the two marks appear in opposite corners, or on opposite sides of a poster.

On a two-sided publication such as a booklet or a postcard, the engineering mark may appear on the front while the University signature appears on the back (see page 20).

On a website, the engineering mark may appear in the header and the University signature in the footer (see page 21).

In some situations, the shield, instead of the full University signature, can be included to tie a publication to the University.

Digital art for the shield and guidelines pertaining to its use are available to the Princeton community for use on University related publications. Please contact the Office of Communications (Megan Peterson, meganp@ princeton.edu, 609.258.5730; or Laurel Masten Cantor, lmcantor@ princeton.edu, 609.258.5734).

The shield should NOT be added to the lockup in most circumstances because the resulting mark becomes unwieldy.

The ‘E’ of the wordmark offers a good alignment point for a shield as shown below.

In these examples, the shield shares a horizontal or vertical alignment with the lockup.

On a two-sided publication such as a booklet or a postcard, the engineering mark may appear on the front while the shield appears on the back (see page 17).

Princeton Engineering publications should follow the typographic conventions established for the University at large. See the University-wide ‘Guide to Princeton’s Graphic Identity’ for more detail.

Princeton Monticello Regular, Italic, Bold and Bold Italic are recommended for use as text and display faces in all Princeton publications.

Princeton Monticello can be downloaded free of charge by the Princeton community at www.princeton.edu/identity.

Princeton Monticello Display can be used for headlines in print publications and at large point sizes on posters, signage and other large format applications.

In general, the display face should NOT be used smaller than 12 point.

Franklin Gothic is the recommended sans serif typeface. Franklin Gothic is available on most PCs. Mac users can purchase Franklin Gothic from several online sources. ITC Franklin Gothic, the recommended version, is shown here.

Hint: When setting Franklin Gothic in all caps, it is often advisable to track out the letters 80–120 units (shown at 80 here).

Monticello and Franklin Gothic should only be used on the web as image. They should not be specified in HTML since many computers will not have these fonts available. As an alternative, please use the sans serif typeface Verdana.

The sans serif typeface Verdana is also designed to be exceptionally legible on screen.

An explanation of Princeton fonts

This is franklin gothic. It should be your default for a printed sans-serif font

This is Franklin Gothic Demi – use it for bold; never use the b button in word or powerpoint to make something bold.

Monticello. It should be your default for a printed serif font.

Monticello Bold

Monticello Old Style 123456789

Monticello Small Cap

Be careful about using these fonts in emails or in Power Point or Word docs you send from one computer to another; if the recipient doesn’t have the font, it will revert to something else.

Please visit http://www.princeton.edu/communications/services/image/graphic/ if you require these fonts.