+ All Categories
Home > Documents > JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student...

JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student...

Date post: 05-Aug-2020
Category:
Upload: others
View: 0 times
Download: 0 times
Share this document with a friend
58
DRAFT Homewood Student Affairs Visual Identity Guidelines JOHNS HOPKINS UNIVERSITY 2017 VERSION 1.0
Transcript
Page 1: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

DRAFT

Homewood Student Affairs Visual Identity Guidelines

JOHNS HOPKINS UNIVERSITY

2 0 1 7 V E R S I O N 1 . 0

Page 2: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

2 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Contents

1.0 2.0 3.0 4.0Introduction HSA Master Logo HSA Unit Logos

Introduction 5

Objective 6

Brand philosophy 7

Using this document 8

HSA master logo 10

Logo colors 11

One-color black 12

One-color white 13

One-color white incorrect usage 14

Initial view 15

Clear space 16

Scaling the logo correctly 17

Minimum size 18

Incorrect usage 19

Background control 20

Which file format to use 21

HSA / unit configuration 23

Logos for HSA units 24

Which logo do I use? 25

When to use the University logo 25

When to use the HSA master logo 26

When to use the HSA and unit logo 27

Co-branding 28

Designing communications 30

Logo placement 31

Background control 32

Designing in HSA

Page 3: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 6.0 7.0 8.0Design Samples Hopkins Fonts Hopkins Colors Student Groups

Advertisements 34

Banners and signage 35

Business cards 36

Fliers 37

Name badges 38

Postcards 39

Posters 40

Letterhead 41

Digital Communications

Email banners 42

Email signatures 43

Newsletters 44

Websites 45

Premium items 46

T-shirts 57

Hopkins full color palette 52

Hopkins neutral colors 53

Use Hopkins brand fonts 49

Typography exception: Type as illustration 50

Strengthening the Johns Hopkins brand 55

Three logo solutions 56

T-Shirts for student groups 57

Never alter Johns HopkinsIconography 58

Contents (continued)

Page 4: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

4 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

1.0Introduction

Page 5: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

5 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

1.0Introduction

These guidelines were developed for all offices and departments of Homewood Student Affairs to provide clarity and direction on the usage and implementation of the graphics, colors, and typography that make up the HSA visual identity. The HSA visual identity was developed in accordance with the Johns Hopkins University visual brand guidelines (available at brand.jhu.edu), and should be followed when designing materials for HSA.

By adhering to these guidelines, you help to:

• Increase awareness of Homewood Student Affairs by presenting a consistent, cohesive identity across all HSA offices and departments

• Communicate the relationship between offices and departments, HSA, and Johns Hopkins

• Support an “audience-first” approach to communications creation, messaging, and delivery

• Embrace the “One University” approach by ensuring materials are aligned with the Office of Communications and established university visual brand guidelines

If you have any questions about these guidelines or wish to request logo and font files, please contact Mike Scrivener at [email protected] or 410-516-4155.

Page 6: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

6 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

The Johns Hopkins University visual brand

guidelines were developed with one goal in mind:

to create a shared visual brand identity that

reflects the excellence of this great university.

A committee of marketing and communications

professionals from across the university led the

development of these guidelines. The resulting

system presents Johns Hopkins as a world-class,

integrated yet diverse university that builds on

the strengths of its many parts to make the whole

even stronger.

And a stronger Johns Hopkins benefits all of us.

1.0Objective

This page was originally featured in the Johns Hopkins University visual brand guidelines.

Page 7: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

7 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Research. World. Excellence. Community.

Those are the words we heard most often

when we spoke with faculty, staff, students,

alumni, trustees—people from all corners of the

university—to develop our logo system. That’s

why the Johns Hopkins identity looks the way

it does—with the book representing knowledge

and discovery, the globe symbolizing our

worldwide reach, and the crest of Lord

Baltimore indicating our connection to our

community. It sounds simple because it is. It’s

who we are: America’s first research university.

Research World CommunityExcellence

1.0 University brand philosophy

This page was originally featured in the Johns Hopkins University visual brand guidelines.

Page 8: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

8 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

These guidelines are meant to facilitate best practices,

to help individuals present their communications in

a way that reflects positively on the university, and

to provide answers to common questions.

Johns Hopkins is a large, complex organization

engaged in a variety of research and educational

activities every day. We can’t address every

“what if” in one document, but we welcome your

questions. Please reach out to your divisional

marketing and communications office or email

[email protected].

1.0Using this document

This page was originally featured in the Johns Hopkins University visual brand guidelines.

Page 9: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

9 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 Homewood Student Affairs Master Logo

Page 10: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

10 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 Homewood Student Affairs master logo

Here we see the Johns Hopkins University logo with Homewood Student Affairs as a unit. As specified in the university’s visual brand guidelines (see Secondary Graphics: Logo with Unit), a line separates the two elements. The university-approved Gentona font in upper and lower case helps to provide contrast with the university logo font. This configuration—in either its horizontal or vertical orientation—is to be used on materials that represent HSA as a whole.

Page 11: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

11 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 Logo colors

Logos are available in blue (PMS 288), black, and white. No other colors may be used when reproducing the university logo.

Blue (PMS 288; no other blue is permitted) is the preferred color, but black or white variations may be used based on budget, printing, and design considerations.

PMS 288

White logo on a field of blue

Black

288 | C100 M80 Y6 K32 R0 G45 B114 | #002D72

WHITE | C0 M0 Y0 K0 R255 G255 B255 | #ffffff

BLACK | C75 M68 Y67 K90R0 G0 B0 | #000000

Page 12: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

12 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 One-color black

When budget, printing restrictions, or design

needs prevent the use of color, the one-color

black version is acceptable.

Housing & Dining ServicesNone of the elements may be altered in any way.

Use only the digital artwork provided.

Do not redraw or alter the logo.

Page 13: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

13 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0One-color white

The white version of this logo may be used only on

backgrounds or photographs that allow for proper

readability.

None of the elements may be altered in any way.

Use only the digital artwork provided.

Do not redraw or alter the logo.

Page 14: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

14 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 One-color white incorrect usageDO NOT PRINT THE BLACK LOGO IN WHITE.

This is a common error, and doing so results in

an incorrect reproduction.

Since these are white logos, they need to be placed

over a background color or image to be visible.

Correct: Pages of the book and the lines of the globe should be lighter than the background. The shield must be an outline.

Incorrect: Pages of the book and the lines of the globe should not be darker than the background.

The shield is not an outline.

Clues to correct usage:

Page 15: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

15 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Initial view2.0

The appropriate Homewood Student Affairs logo

must appear on the initial view of all communications,

including print, digital, and video, so that it serves as

an introduction to the brand. Beyond this guideline,

there is no preferred placement of the logo. Design

should dictate where the logo appears on the initial

view.

All Johns Hopkins University entities should follow the

logo placement guidelines. There are, however, limited

exceptions to these guidelines. These exceptions

have been approved by the university Office of

Communications, and they are the only approved

exceptions to the initial view guidelines.

For initial view details for various types of

communications, please visit brand.jhu.edu.

Page 16: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

16 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Housing & Dining Services

2.0 Clear space

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

The text intrudes on clear space and crowds the logo.

Clear space is the area surrounding the logo that must be kept free of competing text or graphic elements. Leaving space around the logo ensures that it will stand out appropriately and that other words or graphics will not appear to be part of, or “locked up” with, the logo.

The clear space should be equal to the height of the capital H in Hopkins—shown by the light blue line. No additional text or graphic element may encroach on this space.

The provided logo files include the preferred clear space. Maintain the clear space when placing the logo near edges, other type, or another design element.

Housing & Dining Services

Page 17: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

17 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 Correct scaling

If you need to enlarge or reduce the logo, be careful to do so without altering the logo’s proportions.

The proportions of all elements have been preserved.

Scale of logo is too large.

Page 18: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

18 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 Minimum size of logo and unit name

Minimum width is 1.25” measured from the J to the S in Johns Hopkins. The width of the unit name can not be wider than Johns Hopkins in the logo.

It is important to ensure that the logo is large enough for viewers to clearly distinguish all elements; the shield, in particular, was designed so that each component has a specific meaning.

Minimum size usage:

• For the vertical version, the width of the university portion (from the left side of the “J” in Johns to the right side of the “S” in Hopkins) is 1.25” or greater.

• For the horizontal version, the entire width of the university portion (from the left side of the shield to the right side of the “S” in Hopkins) is 2.5” or greater.

If you need to size a logo smaller than the recommended sizes, please contact Mike Scrivener at [email protected] or 410-516-4155 for assistance.

Minimum width is 2.5” measured from the left side of the shield to the S in Johns Hopkins.

Page 19: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

19 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0 Incorrect usage

Please do not crop, tilt, stretch, recolor, or selectively alter parts of the files.

Tilting Stretching

Altering color Selectively adding elements

Selectively altering scale of logo

Housing & Dining ServicesHomewood Student Affairs

Altering font

Page 20: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

20 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

2.0Background control

Logos can appear over backgrounds, but they must still be easy to read. Please choose the logo color— blue (PMS 288), black, or white—that most strongly contrasts with your background. Just be aware that not all backgrounds will work. For example, busy areas of photos can render logos illegible or difficult to read.

This example shows better placement of the logo on the same background image, with every part now legible.

This is an example of incorrect background control. The logo is placed over dark and busy areas, making it difficult to read.

If the placement of the logo from the first example is important for the document, here is one example of how to make it work (ap-plying a translucent white rectangle between the background and logo makes it legible).

Page 21: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

21 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

EPS, PDF, and PNG formats are the only file types

that preserve background transparency. The white

logo is included as an EPS, PDF, and PNG, but not as

a JPG because a JPG cannot maintain a transparent

background.

EPS and PDF are vector images, while JPG and PNG

are raster images. Raster images may be reduced in

size but never enlarged; enlarging them will result in

poor reproduction.

Saving an EPS file as an EPS 8 file should eliminate

cross-platform problems and solve uploading issues

for programs that require PC coding.

For questions related to logo files, please contact Mike

Scrivener at [email protected] or 410-516-4155.

2.0 Which file format to use

Design Application EPS JPG PNG PDF

Banners/signs R OEmbroidery R O

Excel Documents R O OOnline (html emails, website, etc) O R

Publisher Documents O R O OPromotional Items R O

PowerPoint R O OSilkscreening R O

Word Documents R O OVideo/Quicktime Movie R O

Vehicle Graphics R OSoftware Name EPS JPG PNG PDF

R OAdobe Illustrator

Adobe After E�ects

R OAdobe InDesign R O

Adobe Pagemaker R OAdobe Photoshop R O O O

Adobe Premier Pro R O OCinema 4D R O

CMS (Site Executive, Drupal, etc) O RFinal Cut Pro R O O

Microsoft Excel R O OMicrosoft PowerPoint R O O

Microsoft Word R O OWeb Publishing Software (Dreamweaver) O R

WordPerfect R O OQuarkXpress R O O

R - Recommended File Type O - Optional File Type

File Type Associations

Page 22: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

22 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

3.0HSA Unit Logos

Page 23: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

23 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Community Living

Community Living

This configuration allows for unit names (i.e. offices and departments) to be added beneath “Homewood Student Affairs” in both the horizontal and vertical orientations. Homewood Student Affairs takes on the bold Gentona font, while the unit name uses the thin (Book) Gentona font. All materials associated with HSA must feature either the HSA master logo or this configuration. Individually designed logos for departments, centers, or initiatives are not permitted.

Vertical version: When adding a unit name to the vertical version, the name is centered under the rule and the unit name cannot exceed the width of that rule.

Horizontal version: When adding a unit name to the horizontal version, the name is flush left under the rule and the unit name cannot exceed the width of Homewood Student Affairs.

3.0HSA and unit configuration

Page 24: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

24 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

3.0HSA unit logos

Student Health & Wellness Center

Community Living

Multicultural A�airs

Student Employment Services

Career Center

Center for Social Concern

Homewood Student A�airsParent & Family Relations

Homewood Student A�airsCenter for Health Education & Wellness

Page 25: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

25 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

3.0Which logo do I use?

When to use the university master logo only

For personal identity do not use HSA logos. You are a representative of Johns Hopkins University and should use the university logo. Descriptions should be about you, your title, and your role. Allow flexibility and logic for individual situations.

Jerry DieringerAssociate Dean Community Living Homewood Student AffairsWolman Hall, Room 102 3339 N. Charles St. Baltimore, MD 21218 P: 410-516-7961 F: 410-516-3950 [email protected]

Jerry DieringerAssociate DeanCommunity Living

Homewood Student AffairsWolman Hall, Room 1023339 North Charles St.Baltimore, MD 21218T: 410-516-7961F: [email protected]

Page 26: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

26 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

When to use the HSA master logo

For organizational identity use either the university or HSA master logo.

Logos should be used as a signature sign-off or as first view identity. You do not always need to use the logo; listing HSA in text form is also appropriate.

CELEBRATING

25 YEARST H E C E N T E R F O R S O C I A L C O N C E R N

3.0Which logo do I use?

Page 27: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

27 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

When to use the HSA plus unit logos

For organizational unit identity use only the approved HSA logos.

Logos should be used as a signature sign-off or as first view identity. You do not always need to use the logo; listing your office or department in text form is also appropriate.

3.0Which logo do I use?

M E E T , D I N E , C O M M U N I T YThe Daily Meal rated Johns Hopkins for best college food in America.#3

Community Living

Page 28: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

28 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Co-branding

When you are collaborating with other groups

When any HSA unit collaborates with other units within

the university, use the university logo and express the

HSA collaborations in text as shown in the Lighting

of the Quads poster. This clarifies who is involved and

creates a “One University” moment for the brand.

Notice also that the appropriate clear space has been

maintained around the logo.

3.0

JHU Forums on

Latinos in America,

Post-Election

Race in America

A panel discussion featuring

Ray SuarezJavier von WestphalenIleana GonzalezDinorah OlmosKathleen PageModerated by Erwin Hesse

present

Wednesday, November 30, 7:00 p.m. Shriver Hall

Information and tickets:

http://web.jhu.edu/administration/provost/initiatives/forums-on-race-series/

The JHU Forums on Race in America are sponsored by:• Center for Africana Studies • Diversity Leadership Council • Black Student Union • Black Faculty and Staff Association • Latino Alliance • Office of Institutional Equity • Office of Multicultural Affairs• Student Affairs • The Office of the President • The Office of the Provost

Lighting of the Quads

2016Kick off Winter at Homewood!

December 6

Iceless Skating, Levering Courtyard, 5 pm

Quad Festivities, Wyman Quad, 6 pm

Ceremony, Wyman Quad, 7 pm

s snow tent ice sculpture iceless skating rink refreshments

Supported by the Parents Fund, Johns Hopkins Alumni Association and the Bunting•Meyerhoff Interfaith Center

Lighting of the Quads

2016Kick off Winter at Homewood!

December 6

Iceless Skating, Levering Courtyard, 5 pm

Quad Festivities, Wyman Quad, 6 pm

Ceremony, Wyman Quad, 7 pm

s snow tent ice sculpture iceless skating rink refreshments

Supported by the Parents Fund, Johns Hopkins Alumni Association and the Bunting•Meyerhoff Interfaith Center

Page 29: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

29 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Designing Communications within Homewood Student Affairs

4.0

Page 30: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

30 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Designing communications within Homewood Student Affairs

4.0

Designing within the university brand means that you

choose fonts, colors and imagery that reflect the university’s

character and personality. Focusing on Homewood Student

Affairs doesn’t change that since HSA’s brand is a natural

extension of the master brand.

Always think in terms of being a part of Homewood Student

Affairs, rather than an entity that has been designed to stand

apart from HSA.

Messages can be as individual as you like, but the brand must

always remain a part of HSA and the personality of the Johns

Hopkins University.

Page 31: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

Imagery without text may be used to enhance the design of your materials. However, photos or illustrations may not replace or compete with the HSA logo. While the HSA logo does not need to be prominently featured in your design, it must be present on all department materials.

Designing around the logo

DRAFT

Homewood Student Affairs Visual Identity Guidelines: Version 1.0

31 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Imagery without text may be used to enhance your document’s design, or to create a distinct look for a specific set of materials. However, photos or illustrations may not replace or compete with the HSA visual identity.

4.0 Logo placement

Page 32: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

32 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

For more examples of correct and incorrect background control, please see the university brand guidelines (see University Logo: Background Control).

Reminder: To ensure that the white logo file is correct, look at the book in the shield. If the pages are white (like a real book) it’s correct, but if the pages are transparent, then the logo is inverted and incorrect.

Use the logo color and configuration that best fits your document’s budget, printing, and design considerations.

4.0 Background control

Homewood Student A�airsO�ce of Residential Life

Housing & Dining Services

Page 33: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

33 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

HSA Design Examples5.0

Page 34: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

34 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Meet & Greetwith Off-Campus Housing

November 17 4:30 pm to 6:30 pm

Charles Commons MPR

Community Living

5.0 Advertisements

Advertisements can make use of the full color palette

to reflect the personality of the event or program that

is being promoted. Not everything has to be Hopkins

blue.

Be sure that any communication appearing in public or

externally-facing media carries the correct Homewood

Student Affairs or unit logo and elevates HSA.

Page 35: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

35 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0Banners and signage

Career Center

Homewood Student Affairs

CELEBRATING

25 YEARST H E C E N T E R F O R S O C I A L C O N C E R N

Banners and conference signage can make use of the

full color palette to reflect the personality of the event

or office that is being promoted. Remember that the

logo should not be used as the headline.

The Career Center banner, for example, is being used

internally so the identity can afford to be smaller and

the name of the office larger. Using the Career Center

unit logo would be redundant since the office name is

the only other text on this banner.

Page 36: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

36 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Business cards

For personal identity, the university logo is used to

introduce the master brand . Your name and title

should be prominent, with your unit or department

in the next tier of information. The card is about you,

your title, and your role.

Kevin G. Shollenberger Vice Provost for Student Affairs Homewood Student AffairsGarland Hall, Suite 1303400 N. Charles St. Baltimore, MD 21218 P: 410-516-8382 F: 410-516-0000 [email protected]

Kevin G. Shollenberger Vice Provost for Student Affairs

Homewood Student AffairsGarland Hall, Suite 1303400 N. Charles St. Baltimore, MD 21218 P: 410-516-8382 F: 410-516-0000 [email protected]

Jerry DieringerAssociate Dean Community Living Homewood Student AffairsWolman Hall, Room 102 3339 N. Charles St. Baltimore, MD 21218 P: 410-516-7961 F: 410-516-3950 [email protected]

Jerry DieringerAssociate DeanCommunity Living

Homewood Student AffairsWolman Hall, Room 1023339 North Charles St.Baltimore, MD 21218T: 410-516-7961F: [email protected]

Page 37: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

37 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Fliers

Remember to let the message be the memorable part

the communication—not the logo. In this example,

the logo is present and accurately reflects the office

of Community Living, but the welcome message

dominates the page.

M E E T , D I N E , C O M M U N I T YThe Daily Meal rated Johns Hopkins for best college food in America.#3

Community Living

Page 38: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

38 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Name badges

Simplicity is key when you want someone to

remember your name. This name badge focuses

on the name and office of the person first, then the

University.Jane Smith

Homewood Student Affairs

Page 39: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

39 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Postcards

Postcards have an option for first view logo placement

because they usually arrive in the mail showing the

front or the back. Therefore, use the logo to help

orient the reader to the sponsor on the front, as shown

in the HopServe50 postcard. Alternatively, the logo

could be replaced with text with the logo used on the

back of the postcard.

Page 40: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

40 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Posters

A poster’s single purpose is to inform people of

a dynamic event about to take place. Let that

information and imagery be the first thing your

audience sees, rather than the logo.

Cinema Wednesday at JHU

EVIDENCE

October 26, 2016Bloomberg 272 Lecture Hall

3:00PMDoors open. Popcorn served.3:30PMIntroductions.3:40PMIt’s Showtime!

AFTER THE FILM:Q&A period, conversation and reflection with Dr. Linda DeLibero “Was it possible or not?”

Homewood Student Affairs

Presented by the O�ce of the Dean of Student Life

Page 41: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

41 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Letterhead

For personal letterhead, the university logo is used to

introduce the master brand. Your name and title are

prominent, with your unit or department in the next

tier of information. The letterhead is about you, your

title, and your role.

The unit identity follows the Homewood Student

Affairs identity.

Only university master logos are used on paper

stationary. Never use a unit logo in place of it. The

identity of the office or department is handled in text

either at the top for non-personalized letterhead,

or at the bottom for personalized letterhead.

Kevin ShollenbergerVice Provost for Student Affairs

Homewood Student Affairs123 Garland Hall 3400 N. Charles St. Baltimore, MD 21218 P: (410) 516-8382 [email protected]

Kevin ShollenbergerVice Provost for Student Affairs Homewood Student Affairs123 Garland Hall 3400 N. Charles St. Baltimore, MD 21218 P: 410-516-8382 F: 410-516-3950 [email protected]

William ConnorDirector, Dining Programs

Homewood Student Affairs / Community LivingAMR II 3510 N. Charles St. Baltimore, MD 21218 410-516-7961 Fax 410-516-3950 [email protected]

William ConnorDirector of Dining Programs

Homewood Student AffairsCommunity LivingWolman Hall, Room 102 3339 N. Charles St. Baltimore, MD 21218 P: 410-516-7961 F: 410-516-3950 [email protected]

Page 42: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

42 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Email banners

The university or HSA logo is not necessarily needed in

an internal email banner. In this example, the source is

clearly identified in text.HOMEWOOD STUDENT AFFAIRSCommunity Living

Assignment Notification Email

Dear Incoming student to the Class of 2020

We wanted to let you know your room assignment, and roommate information (if applicable) is now available on the Housing Portal. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit espe-ranto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condo-minium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammati-ca, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilita; de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

Page 43: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

43 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Email signatures

Email signatures follow the same guidelines as

business cards. For personal identity, the university

logo is used to introduce the master brand. Your name

and title are prominent, with your unit or department

in the next tier of information. The signature should be

about you, your title, and your role.

Kevin G. Shollenberger Vice Provost for Student Affairs Homewood Student AffairsGarland Hall, Suite 1303400 N. Charles St. Baltimore, MD 21218 P: 410-516-8382 F: 410-516-0000 [email protected]

Kevin G. Shollenberger Vice Provost for Student Affairs

Homewood Student AffairsGarland Hall, Suite 1303400 N. Charles St. Baltimore, MD 21218 P: 410-516-8382 F: 410-516-0000 [email protected]

Jerry DieringerAssociate Dean Community Living Homewood Student AffairsWolman Hall, Room 102 3339 N. Charles St. Baltimore, MD 21218 P: 410-516-7961 F: 410-516-3950 [email protected]

Jerry DieringerAssociate DeanCommunity Living

Homewood Student AffairsWolman Hall, Room 1023339 North Charles St.Baltimore, MD 21218T: 410-516-7961F: [email protected]

Page 44: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

44 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Newsletters

Newsletter headers do not necessarily need to

feature the unit logo. Here the identity of Parent

and Family Relations is conveyed using text,

rather than the unit logo.

Page 45: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

45 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Websites

Here the identity of the office is handled in text,

rather than the unit logo.

Page 46: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

46 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 Premium items

Premium items come in all shapes and sizes. In

some items, it may be more appropriate to use the

Homewood Student Affairs master logo or unit

logo. In smaller items, such as pens, it may be more

appropriate to use a text alternative. Homewood Student A�airs

Page 47: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

47 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

5.0 T-Shirts

Digital Media Center

You can design a t-shirt while also adhering to the existing university branding guidelines. Just remember to use imagery as artwork, not as a logo, and make sure the imagery does not conflict with Johns Hopkins iconography. Imagery should stay in the design as illustration while using the Homewood Student Affairs master or unit logo as a signature on the piece.

Page 48: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

48 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

6.0 Johns Hopkins Fonts

Page 49: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

49 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

6.0 Johns Hopkins fonts

There are four university-approved fonts: Quadon, Titling Gothic, Gentona, and Arnhem Pro. Please use these fonts according to the “Typography” section of the university brand guidelines. Visit brand.jhu.edu to sample each font.

QuadonQuadon expresses the university personality in a distinctive manner. It is collegiate, yet current. It may be used in headlines, subheads, and limited body copy applications. It is available in a variety of approved weights and formats.

TITLING GOTHIC

TITLING GOTHIC IS OUR IMPACT FONT. IT IS BEST

SUITED FOR HEADLINES AND SHOULD BE USED ONLY

IN ALL CAPS AND IN SHORT LINES AND PHRASES

BETWEEN 10 AND 15 WORDS. VERY LIMITED USE IS

RECOMMENDED FOR MAXIMUM IMPACT.

GentonaGentona, a sans serif font with a close typographic relationship to Quadon, is a body copy font that may also be used in headlines and subheads when Quadon is too casual for the communication or audience. (Page headings in this guide are in Gentona Book.)

Arnhem ProArnhem Pro is a serif font that can be used in body copy but may also be used for headlines and subheads that requires a traditional look. (Body text in this guide is in Arnhem Pro Blond.)

Quadon

Gentona

TITLING GOTHIC

Arnhem Pro

Page 50: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

50 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

6.0 Typography exception:type as illustrationIn instances where a typeface becomes part of an illustration, a font other than Quadon, Titling Gothic, Gentona, or Arnhem Pro may be used.

In the example shown here, the letters “O”, “M” and “A” are in Gentona light, and the other four words are in a font caled Cézanne. This design could be for a t-shirt, as artwork for the cover of a brochure, or website. However, combining fonts in this way should never be used as a logo.

civilityleadership

diversitycommunity

civilityleadership

diversitycommunity

civilityleadership

diversitycommunity

civilityleadership

diversitycommunity

Page 51: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

51 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

7.0 Johns Hopkins Color Palettes

Page 52: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

52 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Our university color palette is broad to allow for the appropriate expression of our brand. This does not mean all colors should be used at once. In fact, such usage is not recommended. Use good design sense and consider the tone of the message in whatever communication you are creating.

Please refer to the university brand guidelines (see Color) to view the palettes and usage guidelines.

7.0 JHU full color palette

PMS 548C | C100 M21 Y28 K76R0 G61 B76 | Web #003D4C

PMS 7696C | C56 M9 Y9 K21 R99 G153 B174 | Web #6399AE

PMS 284C | C56 M18 Y0 K0 R114 G172 B229 | Web #68ACE5

PMS 300C | C99 M50 Y0 K0 R0 G94 B184 | Web #005EB8

PMS 279C | C68 M34 Y0 K0R65 G143 B222 | Web #418FDE

PMS 651C | C38 M14 Y1 K2R167 G188 B214 | Web #A7BCD6

PMS 7675C | C55 M48 Y6 K0R124 G127 B171 | Web #7C7FAB

PMS 273C | C100 M100 Y0 K22R36 G19 B95 | Web #24135F

PMS 2617C | C84 M99 Y0 K12 R71 G10 B104 | Web #470A68

PMS 7656C | C45 M90 Y0 K4R142 G58 B128 | Web #8E3A80

PMS 5205C | C30 M59 Y13 K41 R134 G100 B122 | Web #86647A

PMS 1915C | C0 M75 Y21 K0R239 G74 B129 | Web #EF4A81

PMS 505C | C19 M82 Y44 K65R111 G44 B63 | Web #6F2C3F

PMS 7623C | C0 M97 Y87 K53 R138 G42 B43 | Web #8A2A2B

PMS 179C | C0 M87 Y85 K0 R224 G60 B49 | Web #E03C31

PMS 486C | C0 M55 Y50 K0R232 G146 B124 | Web #E8927C

PMS 173C | C0 M82 Y94 K2R207 G69 B32 | Web #CF4520

PMS 1505C | C0 M56 Y09 K0R255 G105 B0 | Web #FF6900

PMS 732C | C16 M69 Y100 K71R98 G52 B18 | Web #623412

PMS 1375C | C0 M45 Y94 K0R255 G158 B27 | Web #FF9E1B

PMS 1215C | C0 M6 Y53 K0 R251 G216 B114 | Web #FBD872

PMS 116C | C0 M14 Y100 K0 R255 G205 B0 | Web #FFCD00

PMS 101C | C0 M0 Y68 K0R247 G234 B72 | Web #F7EA48

PMS 584C | C21 M0 Y89 K0R210 G215 B85 | Web #D2D755

PMS 574C | C56 M22 Y98 K72R78 G91 B49 | Web #4E5B31

PMS 7489C | C56 M2 Y78 K5 R116 G170 B80 | Web #74AA50

PMS 7743C | C71 M8 Y100 K50 R68 G105 B61 | Web #44693D

PMS 341C | C95 M5 Y82 K24 R0 G122 B83 | Web #007A53

PMS 564C | C43 M0 Y23 K0R134 G200 B188 | Web #86C8BC

PMS 3268C | C86 M0 Y53 K0R0 G1713 B142 | Web #00AB8E

Page 53: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

53 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Our 10 neutral colors lay the foundation for our creative products and provide a canvas for the addition of more powerful and expressive color combinations.

PMS 7501C | C6 M10 Y30 K2R217 G200 B158 | Web #D9C89E

PMS 7407C | C6 M36 Y79 K12 R203 G160 B82 | Web #CBA052

PMS 721C | C0 M35 Y52 K4 R221 G164 B111 | Web #DDA46F

PMS 479C | C14 M48 Y53 K26R170 G128 B102 | Web #AA8066

PMS 7586 | C0 M69 Y89 K41 R158 G83 B48 | Web #9E5330

PMS Gray 1 | C9 M8 Y9 K0R229 G226 B224 | Web #E5E2E0

PMS Gray2 | C20 M25 Y29 K0 R180 G178 B173 | Web #B4B2AD

PMS Gray3 | C53 M44 Y45 K9 R126 G126 B124 | Web #7E7E7C

PMS Gray 4 | C66 M61 Y55 K38 R74 G72 B76 | Web #4A484C

PMS Gray 5 | C74 M68 Y57 K60R44 G4 B51 | Web #2C2C33

7.0 JHU neutral palette

Page 54: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

54 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

8.0Brand Guidelines for Student Groups

Page 55: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

55 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

8.0 Strengthening the Johns Hopkins brand

All students are responsible for ensuring proper use of the Johns Hopkins University name (including any abbreviations such as “Hopkins” or “JHU”) and icons when creating a name and/or logo for a student group. JHU students should refer to their status as students at JHU for purposes of identifying themselves.

It is not mandatory for a student group to have a logo. Using the group name in type only is perfectly acceptable.

Student organizations may not use JHU’s name or their affiliation with JHU in any manner that may have the potential to suggest or imply JHU endorsement, approval, support of, or opposition to events, activities, products, services, companies, policies, political and/or social movements, political candidates, and the like without prior JHU approval.

Student organizations that use the Johns Hopkins name may use it only in a locational sense or balance the name of the group by clearly identifying themselves as a student organization (see next page for examples and further explanation).

Student organizations that use official JHU iconography in their logo must also make sure to clearly identify themselves as a student organization (see next page for examples and further explanation).

Both undergraduate and graduate student organizations must make clear in any public materials or information distributed or displayed that the organization is a student organization.

Effective at the start of 2017-2018 academic year, all students groups will be required to comply with these guidelines. Groups that need to change their group logo or naming structure must submit an updated version during the student organization re-registration period. Please contact [email protected] if there are any questions about your group’s logo or naming structure.

Homewood Student Affairs and Johns Hopkins Office of Communications reserve the right to reject the logo or naming structure of any student group that does not adhere to these guidelines.

In the instance that your logo or name is not approved, CategoryCoordinators and Student Leadership Consultants are available toassist in achieving compliance. Please contact [email protected] for assistance.

Page 56: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

56 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Politico

8.0 Three solutions for student group logos

HOPKINS

XY ZS T U D E N T G R O U P

HOPKINS

XY Z

1. Student group logos that DO NOT use the name Johns Hopkins University or any official JHU graphics. If your student group logo doesn’t use the university name or JHU iconography (see example A), your logo does not need to follow these identity guidelines, but still needs to be approved. Approval requests may be sent to [email protected].

2. Student group logos that use the JHU name. If your student group logo uses the university namethe logo MUST clearly identify itself as a student organization in text. The first option is that the group can add “STUDENT GROUP” or other similar naming convention approved by HSA (see Example B). Another acceptable option, often used by athletic-based student groups, is the insertion of the term “CLUB” or “SPORTS CLUB” in the name and logo (see Example B). The last option is that the student group uses “Johns Hopkins” in its locational sense (see Example C).

3. Student group logos that use official JHU graphics. If your student group logo uses official JHU iconography (see Example D) the logo MUST clearly identify itself as a student organization by adding “STUDENT GROUP,” “CLUB,” or other similar naming convention approved by HSA.

Exam

ple

AEx

amp

le C

Exam

ple

B

Correct

Correct

A B C @ J H U J H U A B C

UNDERGRADUATE SOCIETY

Exam

ple

D

Politico

HOP KI N SHOPKINSM I S C

M I S CC LU B

BOOMBALLET DANCERS

Incorrect Correct Incorrect

Correct Incorrect

Correct Incorrect

Page 57: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

57 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

8.0 T-Shirts for student groups

Students are encouraged to work with vendors and/or designers to help structure group t-shirt designs. From displaying spirited school messaging, advertising an event, bolstering engagement in a cause, or simply increasing student group exposure, t-shirts are a great tool. Please follow these guidelines to make the best use of your t-shirt while properly utilizing and extending the Johns Hopkins University brand.

Approval is based on, but not limited to:

– Is the JHU name used correctly?

– How is the JHU iconography used; is it altered?

– Is there any copyright or trademark infringment?

– If there is messaging, does the addition of JHU name or iconography create a message endorsement conflict?

– If there is a student group logo, does it clearly identify itself as a student group, use the JHU name in the locational sense only, and/or abide by the rules set forth by the JHU visual guidelines, found on brand.jhu.edu?

Does the t-shirt use the JHU name or any JHU iconography?

YES NO

T-shirt does NOT need to be approved.

T-shirt MUST be approved.

Email a photo, sketch, or digital rendering of the design (front and back) along with any helpful description [email protected] with the subject “T-Shirt Approval.”

Page 58: JOHNS HOPKINS UNIVERSITY Homewood Student Affairs Visual … · 2017-05-11 · 3 Homewood Student Affairs Visual Identity Guidelines: Version 1.0 5.0 6.0 7.0 8.0 Design Samples Hopkins

58 Homewood Student Affairs Visual Identity Guidelines: Version 1.0

Student groups are permitted to use official JHU iconography (see example G) as part of their group’s logo. However, using official JHU iconography in a student group logo makes the group responsible for the integrity of the iconography and adherence to the university guidelines.

Failure to maintain the integrity of any official JHU iconography or violate the university guidelines will result in the rejection of your logo.

Please note that student groups are not, under any circumstances, permitted to use the university seal.

Questions? Contact [email protected] for assistance.

SID

ENO

TEThe NAG blue jay, in all it’s iterations, is a historic mark that is not allowed when used as a logo by any Hopkins entity or group, as the original artist maintains a legal copyright. Certain NAG blue jay illustrations are transitioning into a full portfolio owned by the office of Athletics and Recreation. Rules around these illustrations will be released soon.

Exam

ple

G

8.0 Never alter Johns Hopkins iconography


Recommended