Brand Guideline Spring 2013 - Harvard University...14 15. The HarvardX logo is about innovation. Formed by two overlapping arrows, the X shows ... BLACK C C0 M0 Y0 K100 R0 G0 B0 187C

Brand GuidelineSpring 2013

Brand Role

HarvardX is bold experimentation to push the boundaries of learning through re-imagined teaching, unprecedented research, and cutting-edge technology for Harvard students and learners everywhere. As a brand, its role is to be a catalyst.

1

HarvardX is powered by a suite of new educational offerings, including the innovative edX platform from Harvard and MIT. EdX is how we are bringing HarvardX classes to learners around the world.

Platform

Re-imagininglearning in-class,

on-campus, across our schools

and beyond

Powering learningand empowering

people in the globallyconnected online era

2

Key Message #1

Cutting-Edge Online Learning

Next generation online learning, as tech-savvy and connected as today’s Harvard students, designed to create a whole new level of quality learning.

Powered by a suite of new educational offerings, including the innovative edX platform from Harvard and MIT.

5

Key Message #2

Teaching Re-imagined —In-Class, On-Campus

Harvard classes (undergraduate, graduate and more) reimagined through bold experiments that combine the best of technology with the most promising new teaching approaches.

Unbridled development of new ways to teach and learn across the Harvard community. With the resources and support to make them happen.

7

Key Message #3

For Serious Learners Everywhere

Unparalleled opportunity for serious and self-motivated students around the world to experience the very best in higher education — through individual HarvardX courses on edX.

A true learning experience, with faculty supervision, student-to-student connection, instant feedback, grades, a first of its kind certificate, and more.

9

Key Message #4

New Knowledge to MakeLearning Better

Vast potential to understand, and improve learning through significant research on how students learn and how technology can transform it — both on-campus and worldwide.

All for the sole purpose of education and in keeping with Harvard’s role as a world-class research university dedicated to fueling and sharing discovery.

11

NewsletterX, MeetingX, Press Release X

HMSx, SEASx, HSPHx, HLSx, etc.

What does the “X” stand for? The exponential possibilities of learning and technology. The multiplier effect of providing access to high quality education. Bold innovation in teaching. All of this and more.

Brand Name Name Don’ts

Don’t create a new school logo; HarvardX isn’t a school

Don’t make X-school sub-brands

Don’t over “X” it; it’s only for the HarvardX brand and the X course

1312

Brand System

BrandSystem

AaBbCcAaBbCcAaBbCcAaBbCc

Use these elements to communicate the HarvardX identity in a consistent way: the HarvardX logo, an HX sub-logo, the HarvardX type, color palette, as well as imagery and graphic motifs.

1514

The HarvardX logo is about innovation. Formed by two overlapping arrows, the X shows innovative action in two directions. Where Harvard and the X connect, another arrow forms to show how the school is powering it all.

Logo

1716

Logo Colors

Logo with positive color

Logo with positive black

Logo with reverse color

Logo with reverse white

Preferred logo minimum size

.25

Minimum Size & Clear Space

19

Don’t create a holding shape or any other graphic ar ound the mark.

Don’t lock up the mark with other text.Don’t create sub-brands or add taglines .

2120

Logo Don’ts

The HarvardX logo is the preferred mark and should be used wherever possible. The HX sub-logo can be used for specialized Web, digital and mobile needs (e.g., an app tile).

Sub-Logo

2322

Logo with positive color

Logo with positive blac k

Logo with reverse color

Logo with reverse white

Sub-Logo Colors Size & Support

Screen logos within minimum size

32 Pixels

32 Pixels

Printing logos within minimum size

.25

25

Sub-Logo Formats

Use the HX sub-logo as an icon for Twitter, Google+, Facebook and other social, mobile or digital platforms.

26

Typography

28

ITC Lubalin Graph is the primary type for HarvardX, chosen for the equal size and spacing of its “slab” serif-style lettering. Use Frutiger or Arial for the secondary type.

AaBbCcDdEe1234567890




Typography













ITC Lubalin Graph Book ITC Lubalin Graph Book Oblique

ITC Lubalin Graph Medium ITC Lubalin Graph Medium Oblique

ITC Lubalin Graph Demi ITC Lubalin Graph Demi Oblique

ITC Lubalin Graph Bold ITC Lubalin Graph Bold Oblique

Frutiger Regular Frutiger Italic

Frutiger BoldF rutiger Bold Italic

Arial Regular Arial Italic

Arial BoldA rial Bold Italic

3130

Primary colors for HarvardX are consistent with Harvard University. The secondary palette includes a set of lighter accent colors.

Colors

32

Colors

BLACK CC0 M0 Y0 K100R0 G0 B0

187C / 1807U C7 M94 Y65 K25R165 G28 B48

125CC0 M26 Y100 K26R201 G156 B0

653CC100 M62 Y0 K20R0 G77 B143

COOL GRAY 8CC0 M1 Y0 K43R172 G171 B171

709C C0 M66 Y38 K0R238 G118 B126

7406CC0 M18 Y100 K0R255 G208 B0

652CC50 M25 Y0 K10R130 G161 B204

COOL GRAY 3C C0 M0 Y0 K17R224 G224 B224

698CC0 M16 Y8 K0R252 G226 B227

127C C0 M7 Y50 K0R255 G234 B152

650CC24 M9 Y0 K2R200 G217 B239

634C C100 M0 Y9 K40R0 G111 B149

1595CC0 M59 Y100 K5R231 G123 B0

582CC13 M0 Y100 K46R150 G146 B0

2607CC81 M100 Y0 K7R86 G34 B125

631CC67 M0 Y8 K8R54 G178 B214

157CC0 M43 Y70 K0R246 G164 B88

583CC23 M0 Y100 K17R188 G190 B0

2645CC40 M36 Y0 K0R166 G163 B209

628CC19 M0 Y6 K0R215 G237 B242

155CC0 M12 Y28 K0R254 G230 B194

585CC11 M0 Y66 K2R235 G230 B113

263CC10 M14 Y0 K0R232 G223 B240

3534

Imagery for HarvardX should be Harvard at its innovative best, featuring people (e.g., students and professors), the excitement of online and digital technology, and the concept of learning, teaching, thinking or ideas.

Images People Images

36

Concept ImagesOnline Images

New things are possible when innovative learning and technology come together. Two supporting graphics help convey this: an arrow graphic and a tinted border.

Graphics

The tinted bor der graphic uses stacked bars that have gradients and

are semi-transpar ent.

The arrow graphic is semi-transpar ent and used in

multiple layers .

4140

HarvardX Promotion

www.harvard.edu

Massively bright

Harvard & You

42

HarvardX is about bringing “you” — teachers and students — together in brand new ways that will make the future of learning “Massively Bright.” To convey this notion, use the theme “Massively Bright. Harvard & You” in your creative materials and communications. A few examplesare provided.

Massively vibrant

Harvard & You

Poster Formats

www.harvard.edu

Massively going places

Harvard & You

www.harvard.edu

4544

PowerPoint Templates E-mail Newsletter Templates

Lorem Ipsum Dolo rSed Magna OmniRussell E. Thompson, PhDJanuary 1, 2014

48 • Lorem Ipsum Dolor Sed Magna Omn i

Lorem Ipsum Dolor Sed Magna Omn i

Lorem ipsum dolor : • Magna dom sed omnia pro • Portea e madn a • Ipsum detra vina ed

Sed proviorem vita starie : • Magna dom sed omnia pro • Portea e madn a • Ipsum detra vina ed

Dorem ipsum omnio: • Magna dom sed omnia pro • Portea e madn a • Ipsum detra vina ed

Lorem ipsum dolor

January 1, 2014

Magna dom sed omnia proportea e madna ipsum detra vina e sed

Magna dom sed omnia proportea e madna ipsum detra vina e sed

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur . Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of ficia deserunt mollit anim id est laborum .

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur . Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of ficia deserunt mollit anim id est laborum .

Pro aliquip doloreLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur . Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of ficia deserunt mollit anim id est laborum .

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation

4746

Using the Brand System

48

Use the brand system to create a variety of online and print materials for your school’s HarvardX initiatives. A few sample formats are provided to help.

Course Poster

School brand

HarvardX

Web address

edX platform

Course

5150

Learning more at www.harvard.edu/lorimipsum

| The Future of Online Education | www.edx.org

COURSE

Justice is an introduction to moral and political philosophy, includingdiscussion of contemporary dilemmas and controversies

The Ancient Greek Hero will use the latest technology to helpstudents engage with poetry, songs, and stories first composed

more than two millennia ago

Learning more at www.harvard.edu/lorimipsum

| The Future of Online Education | www.edx.org

HarvardX_CMYK_pos.eps HarvardX_CMYK_rev.eps

HX_CMYK_pos.eps HX_CMYK_rev.eps

HarvardX_PMS_pos.eps HarvardX_PMS_rev.eps

HX_PMS_pos.eps HX_PMS_rev.eps

Files: 4-Colors Process Files: 3-Color Pantone

5352

HarvardX_RGB_pos.eps HarvardX_RGB_rev.eps

HX_RGB_pos.eps HX_RGB_rev.eps

HarvardX_BW_pos.eps HarvardX_BW_rev.eps

HX_BW_pos.eps HX_BW_rev.eps

Files: RGB Files: Black & White

5554

Questions about using the HarvardX identity? Michael Patrick Rutter, HarvardX Communications Director, can help.

Contact him at: [email protected]

Contact

56

Documents

Brand Guideline Spring 2013 - Harvard University...14 15. The HarvardX logo is about innovation. Formed by two overlapping arrows, the X shows ... BLACK C C0 M0 Y0 K100 R0 G0 B0 187C