Beruflich Dokumente
Kultur Dokumente
Identity Guidelines
version 2.0 september 2014
Introduction
We believe that education is THE MOST PRESSING issue in our world today.
Our brand represents our mission, our vision, and, in essence, our school. Its what
we say, how we sound, how we look, and even how we act. It all adds up to an
authentic representation of who we really are.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Creative Approach
Creative Approach
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Tradition and Innovation
Our visual identity conveys a balance of tradition
and innovation, history and aspiration, wisdom
through years of research and practice, and the
constant search for new knowledge.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Creative Approach
Additional colors in our primary and
secondary palettes provide wayfinding Lorem Ipsum
and classification. You may also use Pudiorrum eturiam repro dem quid magnient, sam facim ab is
mus re, seque consed utes pa quiditio exersperio cus molorio.
them to convey the depth and breadth Uptatur sit ario molo tem ea aut ipsaerf eriberes quae
of HGSEs work, as well as the diversity nonsedia sum eturestincto conecum ea se ditisto.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Creative Approach
Visual Identity
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Name Our institutions name is:
Harvard Graduate School of Education
It is very important to maintain a sense
of consistency when referring to the
school, in order to crystallize HGSEs Verbally, and in print, the only appropriate acronym is:
purpose in the minds of both new and HGSE
familiar audiences.
When using this acronym verbally, each letter should be
Consistency in referring to the school pronounced individually. Avoid sounding out the letters in any way.
also helps to minimize confusion and In particular, the use of the pronunciation Hugsie should be
to differentiate HGSE from peer and discouraged and avoided in all cases.
competitor institutions.
NOT:
Harvards Graduate School of Education
Harvard University School of Education
The Graduate School of Ed.
The Graduate School
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Shield
Each of Harvards graduate schools boast unique
shields that incorporate the Colleges original
arms: a shield with the Latin motto VERITAS
(Verity or Truth) on three books.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Logo and Usage
The HGSE logo exists in two orientations Primary Logo
to accommodate most applications. This
section also details tagline applications,
specific affiliated group treatments, and
buffer space allowances.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Logo and Usage: sizing and spacing
Primary Logo
Secondary logo
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Logo and Usage: REVERSING
The reversed logo may be placed over any HGSE brand or primary color. See our color palette.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Logo and Usage: donts
Do Not ...
... Cut off parts of the logo. ... Stretch the logo disproportionately. ... Alter the colors in the logo. ... Move elements around.
... Rotate the logo. ... Place the logo on a non-brand color. ... Place the logo on a gradient ... Place the logo on a background that
or a busy background. is too light or too dark to be legible.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Tagline
Learn to change the world has a double logo and tagline lock-up tagline wordmark
meaning. Verbally, pausing after Learn
allows the listener to understand that When the tagline appears with the primary logo, In cases where it is necessary to give the tagline
our primary goal is education and that we these elements are known as the logo and more visual priority, the tagline wordmark should
invite our students to, first and foremost, tagline lock-up. This means that they are locked be used instead of the logo and tagline lock-up.
undertake the serious business of learning into this specific relationship to one another In those instances, use the visual of the colorful
about education. The rest of the tagline, and form a single unit. The elements may not stacked wordmark.
to change the world, can and should be be rearranged or the relationship altered in any
understood in two ways. With a verbal pause, way to change the logos graphic integrity.
the speaker suggests that the act of learning
is the first step to changing to the world.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
tagline: logo and tagline lock-up
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
tagline: wordmark
Small Use
Small Usage:
Small Use
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
tagline: Wordmark usage
The wordmark must never be shown without the HGSE logo; however, the
two should not be tightly paired. When placed over an image, the stack
should be reversed into a solid color.
When you are using the wordmark with the logo, please contact
Communications and Marketing for more guidelines.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Logos for Affiliated Groups
HGSE is moving from a decentralized structure
to a One HGSE ethos. This shift echoes
the shift to a One Harvard mentality
throughout the university.
development and
alumni relations Development and Alumni Relations
The space around the logo and school name should be equal to (or greater than) four of the Harvard Hs.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Logos for affiliated groups: banners
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Typography: Print
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Adobe Garamond Adobe Garamond
1234567890 Letters
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Digital typography is no longer limited to the short list of system
Typography: Web
fonts that come pre-installed on every computer. Instead, designers
have access to a variety of services that facilitate sophisticated
type treatments. HGSE has elected to use Google Fonts in order
to achieve excellent performance, typographic flexibility, and
consistency with fonts used in printed materials.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Crimson Text Crimson
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Typography: working together
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Typography: Selection
Faced with a system built for earlier eras, it is clear that the challenges of the 21st
century demand new approaches. How the field of education meets these challenges
is the critical question.
Since its founding in 1920, the Harvard Graduate School of Education (HGSE)
has advanced the field with new ideas and leadership. Our history is one of
anticipating, and responding to, change.
Today, HGSE continues to lead the way in the development of academic programs
and research efforts that address and anticipate the needs of the field.
Our overall goal is simple, but ambitious: We aim to be not simply the best
education school in the country. We aim to be the best education school ever.
A school that prepares transformative leaders, produces bold but plausible ideas for
reform, encourages innovation and entrepreneurship, and offers honest answers to
important questions. A school, in short, that is central to the conversation and
debates about education.
gse.harvard.edu | 5
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Color Palette
We use color to convey our brand. Brand Colors
Crimson synonymous with the Harvard
Crimson Charcoal
brand conveys both strength and tradition. PMS 187 PMS Cool Grey 11
Crimson should be the dominant color for CMYK: 7-94-65-25 CMYK: 48-36-24-66
RGB: 165-28-48 RGB: 86-86-86
materials, with the primary color palette
Hex: #A51C30 Hex: #565656
providing accents. These rich colors can
have white text printed or displayed over
them and meet accessibility standards.
Secondary Colors
Slate Blue Taupe Pistachio Green Burnt Orange Lemon Yellow Ivory Process Black Cool Grey Dove Grey
PMS 7477 PMS Warm Grey 8 PMS 578 PMS 1595 PMS 120 PMS 7499 CMYK: 0-0-0-0 PMS Cool Grey 1 PMS 7542
CMYK: 85-58-44-25 CMYK: 16-23-23-44 CMYK: 20-0-40-6 CMYK: 0-59-100-5 CMYK: 0-9-58-0 CMYK: 0-2-15-0 RGB: 30-30-30 CMYK: 3-2-5-5 CMYK: 21-0-6-20
RGB: 48-85-101 RGB: 140-129-121 RGB: 195-215-164 RGB: 232-125-30 RGB: 255-219-109 RGB: 244-237-202 Hex: #1E1E1E RGB: 243-243-241 RGB: 186-197-190
Hex: #305565 Hex: #8C8179 Hex: #C3D7A4 Hex: #D16103 Hex: #FFDB6D Hex: #F4EDCA Hex: #F3F3F1 Hex: #BAC5C6
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Iconography
Icons are graphics that take up a small
amount of space and provide a quick,
intuitive representation of an action,
status, or functionality. In order to
ensure that icons retain their ability
to communicate clearly and succinctly,
its important not to dilute the system
by creating new versions or variations
of the existing icon set.
Icons are:
H
elpful in adding visual interest
and making a page more scannable.
More and more commonplace as
screens get smaller and real estate
is increasingly scarce.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
iconography: meet the family
Need a custom icon? As these icons have been created for specific purposes, you may find a need for an icon that communicates
something different than whats shown here. In that case, please reach out to Communications and Marketing with your request.
Previous Next Close Open Apply Connect Audio/ Video/Watch RSS Podcast Secure Area Tag
Accordian Accordian Listen
Close Leaving Site More Menu Search Share Share Email Read Gift Directory Audiences
Miscellaneous
Popular Library Calendar News
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Keylines
Use keylines to anchor text, emphasize
messaging, or brand affiliated groups.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual Identity
Visual and Editorial Style Guide
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Photography
Photography plays a critical role in your audiences
emotional reaction to your communications. In order to
respect the schools rich heritage and convey the gravitas
expected of graduate study at HGSE, images should lean
toward the journalistic and evocative, featuring excellent
composition and a minimum of whimsy.
This is an example of an overlay.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
photography: Selecting imagery
In order to be successful in selecting visuals, HGSE photo editors should pay careful consideration to two key aspects of
images.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
photography: buildings and locations
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
photography: people
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
photography: objects
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Sub-brands
In an effort to reach the right audience
at the right time, HGSE maintains two
sub-brands on the Web: Har vard Ed.
Magazine and Usable Knowledge.
making
caring
common
project
Logos
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Marketing and Advertising
In marketing and advertising collateral, aim for a clear hierarchy of elements in order
to communicate quickly and effectively. The most prominent items should be the
logo and a single call to action, as in the examples shown.
Banner
Marketing Brochure
How has
/harvardeducation education
@hgse changed you?
#througheducation Share your story.
@harvardeducation
#througheducation
stay Social Media Cards
connected
Harvard Graduate School of Education
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
When determining the layout of an
advertising and/or marketing piece,
use a highly structured grid-system.
Interior Pages
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
critical
Marketing materials for the same
event should use the same elements
throughout the design to unify the look.
&bold ideas
conversations
AGENDA AT A GLANCE
8:00 a.m. CHECK-IN
Appian Way
Dinner
&
with President Drew Faust, Dean James E. Ryan, Yo-Yo Ma,
and other special guests
reception
Office of the Dean Musical guest: Familiarrevolution with Janelle Bechdol, Ed.M.14
Longfellow Hall
13 Appian Way
Cambridge, MA 02138 gutman Library, 1st floor
mary and paul finnegan gallery
September 19, 2014
LARSEN HALL
6 8:30 p.m.
SESSIONS
This is a private, invitation-only dinner
and is not transferable.
Kindly reply using enclosed card or contact Karen Tobin-Guild at karen_tobin@gse.harvard.edu or 617-496-2301.
critical
&bold ideas
conversations campaign_dinner.indd 1 6/17/14 3:41 PM
Save-the-Date Invitation Wild Stripe Sea Bass with Provencal Vegetables and Basil Fume,
Ginger and Scallion Studded Quinoa, Baby Carrots and Wilted Greens
VEGETARIAN ALTERNATIVE*
Ginger Sweet Potato Mousse with Arugula, Red Lentils, and
Tomato Chutney Served with Baby Carrots and Haricot Vert
*Available upon request.
DESSERT
Vanilla Poached Pear & Apple Mousse in a Cinnamon Allspice Crust
Drizzled with Cider Reducation and Burnt Caramel Ice Cream
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
HGSE Editorial Guidelines
One of the best ways that we can communicate How We Talk About HGSE Writing for the Web
the strengths and impact of an HGSE education
Excitement is infectious. When we talk about Web vs. Print
is through our written content on the Web and
HGSE programs and people, we should share When writing for the Web, we first need to
in print. We rely on every member of the HGSE
our genuine excitement and invite readers to understand how we read online vs. in print.
community to help tell the HGSE story. Why is
experience the HGSE difference for themselves. When reading in print, were more likely to
an HGSE education so transformative? What
Harvard is a prestigious university, but that read each individual word and finish long
are the unique advantages of the Harvard
doesnt mean that our writing is stuffy and passages. On the Web, were scanners.
experience? What makes Cambridge and Boston
formal. Avoid academic jargon and use specific Our eyes dart around the page scanning for
such an ideal place to be a student? Every
examples as much as possible. Employ direct information: bold headers, links, photos, and
time you write a blog post, news story, program
address you instead of students select keywords. We are much less likely to
description, or alumni profile for the HGSE
to engage the reader as part of the story. read long chunks of text in a web browser,
website, you add a chapter to this story.
and not at all on a mobile device.
WRONG STYLE: The Mind, Brain, and Education
The following editorial guidelines help us tell
M.Ed. program provides students with an Write Like a Scanner
HGSEs story online in a clear, cohesive, and
interdisciplinary study of the biological and
compelling voice. Our writing style is based Theres an inverse law to writing for the Web:
cognitive processes related to educational policy
on research into the way we read. By following the more you write, the less anyone is to read it.
and practice.
these guidelines, we will more effectively Avoid large blocks of text at all costs. Instead,
engage with prospective students, research RIGHT STYLE: In the Mind, Brain, and break information down into short sections with
collaborators, and community partners. Education Program, you will learn how to bold subheads. Subheads are like titles for each
address some of the fundamental questions section of the page. Use subheads as a hook
of education how do we learn, and what can to catch the readers eye as she scans for
we do to improve outcomes for all learners? key information. Once you have her attention,
using the latest scientific insights from biology you have three to four sentences (100 words,
and cognitive science. maximum) to keep it. Tell your story quickly,
clearly, and creatively, and provide embedded
links to learn more.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Inverted Pyramid Page Title and Header Embedded Links
In journalism, reporters generally follow the The page title is the very first thing the reader Web readers are mostly scanning for links.
inverted pyramid rule when writing a news story. will see. Page titles should be short and clear. We go to the Web to quickly find information,
Start with the most important information, Unless youre writing a news story or blog post, and links offer a fast way to dig down to the
called the lede, and fill in the rest of the story, stick to the facts and keep the title to five words details. Embedded links are text links embedded
with increasing detail, in the paragraphs that or fewer. The header, on the other hand, is your in the natural flow of a sentence. By embedding
follow. A webpage should read the same way. first chance to really tell your story. The header a link, you increase the odds that the reader will
A reader should know exactly what the page is is like the subtitle of a book. In 30 words or actually read the surrounding text. You can also
about by quickly scanning the page title, header, less, make a compelling case for reading the include adjectives and other descriptors in the
and first couple of sentences. If the subject rest of the page. link text that help to tell your story.
interests them, they will dig deeper, scan
WRONG HEADER: Technology, Innovation, WRONG WAY: Click here for a list of our
subheads, and click on links.
and Education is a yearlong masters program at masters programs and doctoral programs.
the Harvard Graduate School of Education.
The Lede: RIGHT WAY: We offer 13 masters programs
Who, What, When, Where, How, Why RIGHT HEADER: In the Technology, Innovation, and two doctoral programs that will prepare you
and Education Program, you will design creative to make an impact in every facet of education.
Important Supporting Details solutions to meet the greatest challenges in
WRONG WAY: HGSE was founded in 1920.
teaching and learning.
Learn more about our history as a leader in
Minor Details
education research, policy, and practice.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Multiple Points of Entry Tone & Voice Use active voice In web copy, active voice is
Not all web readers scan the same page in the In writing, tone and voice describe the attitude clearer and more engaging than passive voice.
same way. Some readers focus on the menus of a writer toward the subject and the reader. By combining direct address with active voice,
along the left and top of the page. Others scan Avoid using a formal, detached, or overly you draw the reader into the conversation.
the body of the page for subheads, links, and academic voice when writing for the Web. Use calls to action Reading a website is
bulleted lists. Dont be afraid to link to the Instead, convey a genuine excitement about the only the beginning of the conversation. At the
same information in multiple places. If the subject; talk to the reader directly using clear end of each page, include calls to action that
information is important enough, you want to and compelling language; and invite the reader encourage readers to contact HGSE, talk to
make sure that the reader can easily find it in to learn more. Here are some useful tips: an admissions counselor, read more stories of
several different places.
Use direct address Third-person construction impact, visit campus, and more.
can come across as too formal online.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
HGSE Editorial Style Guide
With a few exceptions, HGSE adheres to AP style Capitalization Title case: Capitalize all words except
in all publications, both print and online. You can prepositions of five or fewer letters,
Course names:Use title caps on course
purchase hard copies of The Associated Press conjunctions,and articles.
names without italics or quotation marks.
Stylebook at the Harvard Coop or download D uck in the Truck
online and mobile versions at apstylebook.com. Bridget Terry Long teaches The Economics
of Colleges and Universities. University and school: Do not capitalize the
The following entries cover some of the most
common style rules for writing about HGSE words school or university whenused alone,
Fellow or scholar:Capitalize only if its part
and its programs: not as part of an official name.
of the official name.
Capitalization The university announced today that ROTC
Reynolds Fellow
would be returning to campus inSeptember.
Degrees and Schools Urban Scholar
Frequently Used Terms He is a fellow at the Gates Foundation. Degrees and Schools
Geographical Locations
Programs:Capitalize the names of programs, Degrees:Always use periods with degrees.
Numbers
including the word program. Do notcapitalize Ed.M.
People and Job Titles program when used alone.
Ed.D.
Publications Technology, Innovation, and
Ed.L.D.
Punctuation Education Program
Programs:Programs do not use periods.
Time and Seasons Mind, Brain, and EducationProgram
HDP
Web and Email Addresses Students applying to the program should
turn in applications by May 15. MBE
TIE
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
School name:Spell out the full name of the Frequently Used Terms
school the first time it is used; the acronym
canbe used on subsequent uses. Periods afterschool (when used as an adjective) masters student
should not be used. (Ed School may also
be used insecond and following instances. It catalog middle school
should be capitalized.)
childcare nation-building
E
ach fall the Harvard Graduate School of
coauthor nonprofit
Education hosts a career fair that includes
national and international education cochair nonviolent
organizations. HGSE students find the
fairprovides an excellent start for their codirector policymaker
job searches. [Or:Ed School students find
cowriter postdoctoral
the fairprovides an excellent start for their
job searches.] decisionmaking preschool
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Geographic Locations
The major cities listed above (as defined by School districts:Capitalize all words if you are United States:Do not abbreviate when used as
The Associated Press Stylebook) do notneed using the official name of the entity. Otherwise, a noun. It is acceptable to abbreviate aspart of
to be followed by the name of the states. all are lowercase except the city name. a name or an adjective. Use periods in text; do
Boston Public Schools, San Diego Unified not use periods in a headline.
All other domestic cities and towns
School District He lives in the United States.
need to include state names.
San Diego public schools, public schools She works for the U.S. Department of Energy.
He visited Boston on his way to
in Boston He is aU.S. citizen.
Waterbury, Connecticut.
US Senator to Speak on Education Reform
Avoid using two-letter post office abbreviations for
states, except when referring to apolitical party.
The statue is in Concord, Massachusetts.
Senator Ted Kennedy (D-MA) helped provide
thefunding.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Numbers Starting sentences:Spell out numbers at the Capitalization:As a general rule, if the title
beginning of a sentence. comes before the name, the title should be
Range of numbers:En dashes, rather than
Thirty-five people attended the seminar. capitalized.If the title follows the name, it should
hyphens, should be used to indicate a range
be lowercase. In letters and lists, a title can
ofnumbers. Plurals:Form plurals of acronyms by adding be capitalizedeven when it follows the name.
196066 an s; do not use an apostrophe. Dean James Ryan visited the KIPP
Pages 14950 MBAs school last week.
$1,300$1,800 PTAs James Ryan, dean of the Harvard Graduate
Figures or words:Spell out numbers under YMCAs School of Education, visited theKIPP school
10. Use figures for 10 and higher. Follow last week.
theserules, even when a sentence contains
People and Job Titles Courtesy titles:Do not use Mr., Mrs., or other
both types.
Alphabetization of non-married names and courtesy titles unless part of a formal name.
She is taking four classes.
hyphenated last names: Always alphabetizeby We went to Mr. Tux to get clothing for the
She also works 35 hours a week. the first letter of the last name. If a person uses prom.
He has five cats and 13rabbits. a non-married name and her marriedname
Dean James Ryan:James Ryan is referred to as
without hyphenating, alphabetize by the name
Exceptions: Dollar figures ($2 million), Dean James Ryan, unlessin the signature of a
that comes last. A hyphenated last nameis
percentages (8 percent), page numbers (page letter, in which case he is referred to as James
treated as one element and is alphabetized by
48), addresses (1Appian Way), time (8 p.m.), Ryan, Dean ofthe Faculty of Education.
the first letter of the first word in the pair.The
numbers between one thousand and ten
following list is in correct alphabetical order: Degrees:List after peoples names with
thousand that can be expressed interms of
hundreds (He wrote an essay of fifteen hundred no space between the last period and
Mary James, Susan Moore Johnson, John
words. She wrote an essay of 1,432 words). theapostrophe. For more than one degree,
Klein, Ellen Condliffe Lagemann, AnnMarshall,
list in ascending date order and separate by
Jane Moore-Johnson
Ordinals:Do not use superscript for nd, th, or st. commas.Use only HGSE degrees; non-HSGE
31st, 42nd degrees can be used in lists, however.
John Doe, Ed.M.02, Ed.L.D.14
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Doctor:Do not use Dr. for academic or medical Publications Percent:Percent should be spelled out;
doctors. the percentage symbol should only be used
Books, journals, magazines, movies, software,
Jane Doe, a pediatrician at Mount Auburn in lists.
collections of poems, longpoems, plays, operas
Hospital, visited the school in June. and major musical compositions, paintings, Mitt Romney received 47.2 percent of the
and other artworks shouldbe italicized. Only popular vote in the 2012 presidential election.
Emeriti faculty:Include a comma before
capitalize and italicize the or magazine if 2012 presidential election results:
the word emerita or emeriti.
that is how Barack Obama: 51.06%
Courtney Cazden, professor of education, the publicationuses it. (The masthead will
emerita Mitt Romney: 47.2%
provide this information.)
Endowed professorships:Endowed professorship The New York Times Periods:There should only be a single space
titles are not used in narrative settings Gone with the Wind after periods.
(with the exception of specific development
Newsweek Possessive:Singular proper names ending
communications).
theBoston Herald with s are made possessive by adding
Professor Howard Gardner has a new book anapostrophe.
coming out in May. theMona Lisa
Katherine Boles op-ed was about the
Har vard Ed. Magazine
Middle initials: Only include if the persons name profession of teaching.
commonly includes theinitial. Punctuation Quotation marks:Quotation marks should
Michael Rodman always be outside other punctuation, with
Commas:Always use the serial, or Oxford
Michael J. Fox comma. theexception of question marks, dashes,
semicolons, and exclamation marks that are not
Names:Refer to people by their full names on The American flag is red, white, and blue.
part ofthe quotation.
first mention and by last name afterthat.
En dash and em dash: He said he was going to Longfellow Hall.
John Doe, Ed.D.82, is a professor of
For instructions on how to make an en dash or Did he say, I am going to Longellow Hall?
education. Doe teaches educational history
em dash, seehttp://support.microsoft.com/
andpolicy.
kb/76985.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
times and seasons Web and Email Addresses Online:Use online, not on-line
or on line.
Seasons:Do not capitalize names of seasons Email:Spell email with a lowercase e,
unless part of a formal title. except at the beginning of a sentence. Website:Website is one word and is
He will graduate in summer 2005 and start Do not usea hyphen. lowercase unless used at the beginning
work in the fall. of a sentence.
Print:Write email addresses in lowercase
In September, we willattend the Fall Harvest and italicize. Do not use hyphens to break
Festival in Wellesley. emailaddresses.
Time:Do not use 12:00; use either noon or Her email address is
midnight. Do not use double zeros for anytime. jane_doe@gse.har vard.edu.
When using a.m. and p.m., use lowercase and
Web:Write email addresses in lowercase
include periods. If indicating a range of time,do
and link to the address, but do not italicize.
not use a.m. or p.m. after the first time unless it
Do not use hyphens to break emailaddresses.
is different than the following time. Use an en
dash to indicate time range. Her email address is
jane_doe@gse.harvard.edu.
He arrived at noon. Class starts at 8 a.m.
The meeting is from 13:30 p.m. URLs:URLs are typically all lowercase; it
is not necessary to include http:// or www
The meeting is from 11 a.m.1:30 p.m.
when writing a URL as part of a text. Only use
www if it is necessary. (Some sites requirethe
leading www.) A URL should be italicized in
text.
She wrote an op-ed that appeared
oncnn.com.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Web Content Management
Web content managers or editors translate more. Use this page for content detail pages, The following pages exist in the HGSE template
HGSEs messages on gse.har vard.edu. The when a visitor has already filtered through the suite, but are only used once in the site design
primary goal for a content editor should be to navigation and wants to collect information on and will not be available for general content
create a positive, easy-to-read, and accessible a specific topic. editor use:
experience for visitors to our site. With this in Home Page
mind, content editors must follow a number of News/Feature Story Page
PPE Landing Page
general writing and style guidelines. This page includes all of the controls and
features of the universal page. Additionally, it News Page
displays story author and date information for Topic Page
Choosing Your Template
readers. The news/feature story page also
Library Page
The HGSE website, gse.har vard.edu, has a allows comments, powered by Facebook, on your
number of templates designed and ready story. Some HGSE supported sites, such as Harvard
for content. These templates will help you Ed. Magazine and Usable Knowledge, have templates
display your messages on brand and will give Academic/Landing Page
unique to their web properties. Those templates
visitors a consistent experience as they move The most common use for this page in the HGSE are not included in the above list.
across our site. You will always use one of site is for masters and doctoral academic
the following templates and should not display program descriptions. It offers visitors a content
content outside of prescribed brand templates. well for overview information and an accordion
structure for deeper-level information. You can
Universal Page
also use this template as a landing or routing
ontent editors will use this page more than page in some instances.
any other page in the template suite. It is
the workhorse template and offers ultimate Faculty Profile Page
flexibility for an editor. Editors have the ability Similar to the Academic/Landing Page, this
to style headings, provide in-line images, set page first offers overview content and then
teaser text, offer a pull-out quote, display data in provides detailed information via accordion.
tables, create unordered and ordered lists, and The Faculty Profile Page also includes name,
title, and contact information fields.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Styling Your Content Contextualize links.
Name your page. You should link words and phrases from
your content. Using phrases such as click
Do not leave pages with generic names such as,
here or follow this link confuse HGSE visitors
index or story template, but give each page
who are scanning the page and are difficult for
you create a clear and concise name, such as
screen readers to understand.
Student Clubs and Organizations.
Title lists of links to best describe the content,
Employ headers.
such as Other Student Resources. If your
Visitors to your page will quickly scan to link directs to a non-HTML file, such as a PDF
understand if their desired information is or Word document, indicate that to the visitor
included. Headers help readers quickly digest by including (PDF) or (.doc) immediately after
contents and make decisions about which the link.
actions to take next. Use the <h1> tag for the
first heading of the page. Subheadings should Generate attention.
follow as needed: <h2>, <h3>, <h4>, etc. You may want to emphasize a point, a date,
Do not link your heading text; rather, link the or an action item for visitors. Rather than
appropriate body copy text below the heading. using capitalization, we recommend employing
Your headings should be short and to the point, WYSIWYG styles, such as italics, bold, and
with the related text immediately following. call-out quotes appropriately and only as
needed. Underlining should not be used, as
this traditionally signals a hyperlink and will
confuse visitors. A style used to generate
attention should only be used once or twice
on a page of content, otherwise its importance
is diluted.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Use the styles available in the WYSIWYG. Making Content Accessible
We selected styles available in WYSIWYG to Images
match our brand and identity. Please do not
Always include alt tags with your uploaded images.
use HTML/CSS to change the font, font size,
These alt tags should succinctly describe the image.
font color, or text alignment. If you wish to
These will help visitors using screen readers to navigate
create a table or display data, use the table
the page.
or accordion styles available to you in the
WYSIWYG. Do not create your own styles PDFs
for data displays.
Information should be displayed in HTML/CSS (in a
Remember that HGSE sites are responsive webpage format) as often as possible. Avoid using
to visitors browsers and devices. PDFs, as they create another task layer for visitors.
When PDFs are necessary, they should be produced
This means the text and images will adjust to
and reviewed in official PDF software to ensure they
different viewpoints automatically. Adding extra
are accessible to screen readers. Accessible PDFs have
spaces or paragraphs to hack or force a visual
searchable text, interactive form fields, no time limits,
layout may cause a page to look broken or
headings to indicate reading order, and alt text for non-
corrupt for some users.
text artifacts.
Multimedia
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Visual and Editorial Style Guide
Templates
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Templates
Email Templates
the career
minute
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Templates
Presentations
Presentations should obey all preceding rules
regarding image selection, logo usage, and
brand messaging.
the better. One rule of thumb regarding type Shape the Future Uptatur sit ario molo tem ea aut ipsaerf eriberes quae
nonsedia sum eturestincto conecum ea se ditisto.
size in presentations is to estimate the age Congressional Hearing Education Committee July 07, 2015
Udiores equistota sed quaestiur, quia il ilitatia sum
of your oldest audience member and use nat restem facit, eium quosae derovid quo doloriasit
laborroatem ducidem nimilignis sinisit quat.
a point size half of that. Seventy-year-old
professor in attendance? Use 35 pt.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Templates
Frequently Asked Questions
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Templates
FAQs
If you do not find what you are looking for Why does having an integrated Can my program/department/
in this manual, please do not hesitate to brand image matter? initiative/etc. develop our own
contact HGSE Communications & Marketing symbols, icons, images, type
Following brand and visual identity guidelines
with your questions. treatments, word marks, or
ensures that diverse audiences have a
consistent experience in their many interactions logos?
What does A brand with HGSE. Repeated consistent interactions The overall objective is to create a consistent
identity guide do? with a consistent HGSE brand will reinforce key look so that all visuals appear familial and
A brand and visual identity guide shares HGSE messages and priorities. Additionally, appropriate. More often than not, your team or
top-level messages and a recognized visual they help HGSE send the right message to the group will need to use an item from the already
identity to an internal team of communicators. right individual at the right time, increasing our established visual system. If, after reviewing
For HGSE, this book builds on some well- chances for a successful interaction. the brand and visual identity guide, your team
established brand and identity guidelines and identifies a need for a visual item not yet
also formalizes some of the newer work done How will this affect my addressed, please contact Communications
by Communications & Marketing, Dean James program/department/ & Marketing.
Ryan, and the leadership team. The HGSE initiative/etc.?
Brand and Visual Identity Guide helps HGSE
faculty and staff quickly understand the most Most of the brand and visual identity guide
effective way to communicate a message in will feel familiar, as it represents years of hard
print or on the web. work on the part of many individuals. Some of
the newer, formalized brand and visual identity
guidelines will require you to consult with
Communications & Marketing and make
minor changes in your messaging or imagery.
The changes your team makes will help
audiences recognize us as one HGSE.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Frequently Asked Questions
How can i communicate that
my program/department/
initiative/etc. is a unique
group within HGSE?
Audiences should recognize HGSE as one
brand. Aligning with that brand will help Contact us
individuals to recognize, understand, and
interact with your group better. Being part of Communications & Marketing
the HGSE brand is a distinguishing feature in
and of itself. 13 Appian Way, Longfellow Hall
To further differentiate your group, provide webeditor@gse.har vard.edu
compelling, clear, and actionable content for
appropriate audiences. It is also important that 617-496-5037
key stakeholders respond quickly and positively
to audiences; it is very difficult to recover from
a negative brand association.
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Frequently Asked Questions
No one else, no other institution,
has the privilege and opportunity
to simultaneously prepare the most
talented leaders and innovators
here and abroad, address the most
pressing questions in education,
and work as a trusted partner with
the most influential individuals and
organizations across the globe.
Dean James Ryan
Harvard Graduate School of Education: Brand and Visual Identity Guidelines Creative Approach