[GR604] Milton Bradley: Visual Development Guide (student project)

VISUAL DEVELOPMENT GUIDE

Visual Development Guide

MILTON BRADLEY

3

2

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Visual Development Guide

2

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

3

4

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

TABLE OF CONTENTS

01 02 03

BRAND OVERVIEW

LOGO DEVELOPMENT

OUR INSPIRATION

Brand Overview

08

Logo History

10

Key Concept

14

Design Camps

18

Final Concept

40

Final Selections

48

Final Version

56

Similar Logos

60

Other Inspiration

62

6

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

"

Teamwork begins by building trust. And the only way to do that is to overcome our need for invulnerability. — Patrick Lencioni American Writer

"

01

BRAND OVERVIEW

8

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Milton Bradley (1860–2009)

About The Company Founded in 1860, Milton Bradley Company is one of the oldest game manufacturers.

They created board games that were entertaining and educational.

Milton Bradley was an American board game company established by Milton Bradley in Massachusetts. It marketed classic games such as The Game of Life, Candyland, Twister and Yahtzee. Many of the games he produced were primarily for children. He also sold a wide arrange of school supplies and educational games for children and their families.

After some time, Milton Bradley began to lose appeal and was bought out by Hasbro.

With a new approach, Milton Bradley will go beyond inventing games for children. The company will still promote collaboration and other necessary skills to build a better community. Collaboration benefits not only the individual, but also companies and people around the world.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

9

10

MILTON BRADLEY

Logo Through the Years (1941–2009)

About The Logos Milton Bradley logos have changed throughout the years. Upon looking at them, you can speculate that the company preferred sans-serif typefaces when it comes to the name. However, they attempted to use another typeface when they wanted to fucus on one aspect of the company, wether it was games, learning, or fun. The "Key to Fun" logo appeared on games beginning sometime in the 1950s and ending in 1986.

1941

1943 Although Milton Bradley was established in 1860, The company did not establish a logo until 1941.

The first version of their classic logo was adopted in 1943 and used as the primary logo until 1963. It was used in the “Key to Fun” logo until 1964 and found on Operation money until 2008.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

2008

1963

1962

1950

This variant appeared on some puzzles from 1962 to 1963.

1978 1964

1978

11

12

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Logo From 1997–2009

Milton Bradley Company decided on this logo in 1997 and was used until Hasbro bought out Million Bradley. Blue and Red for the M and B was the primary colors for the logo, along with black. The color gives a sense of happiness, fun and friendliness.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

13

14

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Key Concept

We define ourself by three keywords which essentially reflect our new identity. These simple words build our characteristics and drive us towards new horizons.

Our mission is to motivate people to work together, develop their intellectual abilities, and build a better community.

To create a meaningful logo, we extracted ideas from our three keywords. These ideas highlight our future direction and help explore a visual system that reflects our mission and soul.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

COMMUNICATION

Face-to-face interaction with others. It is a good way to learn from those who are similar and different from you.

ENGAGEMENT

Engaging with others who share common goals or interests, which leads to new and lasting relationships.

COLLABORATION

Bringing people together to work towards a common goal. Collaboration can result in something better than usual.

15

16

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

02

DESIGN CAMPS

17

18

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

New Logo Sketches

Why do we need a new logo?

Milton Bradley is doing a bit of an expansion and that means we have to develop a new logo to fit our new mission and target audience. To come up with new ideas, we used three keywords—collaboration, communication, and engagement as inspiration and guidance.

19

20

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

COLLABORATION - symbolic

VISUAL DEVELOPMENT GUIDE

The pinwheel style works better for the word collaboration as well as Milton Bradley’s mission.

MILTON BRADLEY

21

22

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

"

Collaboration is the glue which keeps the team together, a bond which promotes strength, unity, reliability and support.

— Ken Blanchard author and management expert

"

23

24

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

COLLABORATION - graphic

VISUAL DEVELOPMENT GUIDE

The “MB” with the curve resembles a smiling face, which relates to the concept of working together for success.

MILTON BRADLEY

25

26

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

COLLABORATION - word mark

VISUAL DEVELOPMENT GUIDE

The lowercase letters brings a friendly but serious idea to the table. That strongly relates to the new mission and keywords.

MILTON BRADLEY

27

28

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

COMMUNICATION - symbolic

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

Communicating with people who are different from you and have different values and ideas is the meaning behind the speech bubbles idea.

29

30

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

COMMUNICATION - graphic

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

Another idea that may work is making our own letter forms for the logo. They would be able to stand alone.

31

32

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

COMMUNICATION - word mark

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

"

The whole point of collaboration is that you give and take from each other, and that’s how you create things that are totally new.

— Virgil Abloh Artist

"

33

34

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

Second Round

More Sketches The chosen camp was collaboration. Here are some of the second round of sketching done for that chosen camp.

35

36

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

The dynamic pinwheel works with the idea and keyword, collaboration.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

37

38

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

The curve of the M looks like a smiling face.

This idea is something worth working with. It keeps with the idea that Milton Bradley is a happy company. One that will stay with you for a long time.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

Using lowercase letters with the MB wordmark is a possibility.

39

40

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

Final Selection

What's Working From the many sketches, it was determined that the MB idea still works and the pinwheel idea are the best to work with for the logo. They strongly resonate with the concept of collaboration and moving towards success.

41

42

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Combining the MB with the curve on the M with the dynamic pinwheel was the chosen idea for the new Milton Bradley logo.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

43

44

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Logo Gone Digital

Now that there is an concept that works for the new and improved Milton Bradley, the next step is to explore typefaces, word marks and logo variations.

Manipulating existing typefaces to achieve the idea of friendliness, stability, collaboration, fun and happiness.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

45

46

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Exploring different looks of a symbol for collaboration. The idea of different people from various backgrounds coming together.

VISUAL DEVELOPMENT GUIDE

Combining all elements together and adding a curve to the letter M as a symbol of friendliness and happiness.

MILTON BRADLEY

47

48

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Final Symbol

PINWHEEL The pinwheel symbolizes different people from various backgrounds coming together.

It is made to look as if it is spinning to reinforce the idea of developing intellectual abilities while working with others.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

49

50

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Color Exploration

BRINGS LIFE Color palettes are important to define an identity. Each color has its own meaning and characteristics. The colors chosen for the pinwheel should represent happiness and fun. Several combinations were explored and one was chosen to represent our brand vision.

The selected logo has the perfect colors reflecting our new mission.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

51

52

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Final Graphic Mark

LETTERS The use of lowercase letters to show the expansion of our audience spectrum, which includes men and women of all ages. The curve on the M stands for happiness.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

53

54

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Final Wordmark

DETAILS This is an original geometric wordmark. We have decided to remove the serifs and make the typeface look more friendly so it can represent unity. The logotype can stand alone.

VISUAL DEVELOPMENT GUIDE

Rounded edges stand for friendliness and unity

Perfect circle

MILTON BRADLEY

55

56

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

New Look

THE NEW MILTON BRADLEY Milton Bradley’s new logo is ready to be used as a representation of our new mission and soul.

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

57

58

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

03

MY INSPIRATION

59

60

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Similar Logos

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

Different companies who use a variation of a pinwheel for their logos.

61

62

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

Standards Manuals These are examples from existing standards manuals that I found inspirational. They are examples if typography, color palettes, and imagery and more.

BOEING

CADENCE

USE oF ImAgeRy

the style and use of imagery and cloud imagery.

5.0

COLOR PALETTE

the images shown here are examples of photographic styles that should be used in all our print materials. our imagery should portray a humanistic approach with an emphasis on people and their interaction and experience, rather than on the product itself. Show how lives are being made better by boeing.

When using imagery follow these guidelines: • Show real people in real situations — they shouldn’t be contrived or posed. placing airplanes or people in an unrealistic setting is discouraged.

• Show honesty, trust, and approachability with boeing personnel — show that they are passionate and committed to serving their customers.

• Use dynamic, full-bleed photography whenever possible.

Choose imagery that includes dramatic subject matter and tells a compelling story.

• Special effects with imagery, such as speed lines or motion blurs, should be avoided. these effects detract from the premium look and feel boeing is trying to achieve. Adding graphics such as wire frames or globes should be avoided as well.

• Do not inset images inside other images, or run smaller images over larger ones — this can be confusing.

CLoUD ImAGES Cloud imagery is an important element that communicates the spirit and nature of flight. Cloud imagery should be used in secondary areas in conjunction with the primary message of the communication, such as on the inside cover.

06

Color creates an emotional connection.

Cadence red is a powerful way to express our boldness. The neutral colors of our palette heighten its vibrancy. Together they create visuals that exude energy and help build brand recognition.

WHERE TO USE COLOR Use Cadence red and its supporting neutral colors generously in typography, as background colors, in charts, diagrams, and advertising — throughout our materials. Our distinctive palette unifies our communications.

DON’TS • Don’t create gradations of these colors

Cadence red (or PANTONE® 186) C:0 M:91 y:76 K:6 R:237 G:23 B:31 WEB: R:204 G:0 B:0 HEX: CC 00 00

• Don’t make shades of these colors • Don’t use these colors for decorative purposes, such as accents • Don’t use any color not specified in these guidelines

White

Cadence light gray (or PANTONE Cool Gray 4) C:0 M:0 y:0 K:27 R:204 G:204 B:204 HEX: CC CC CC

THE CADENCE BAR Always place the red Cadence Bar against a white background for maximum crispness and prominence.

Cadence dark gray (or PANTONE Cool Gray 9) C:0 M:0 y:0 K:65 R:102 G:102 B:102 HEX: 66 66 66

Note that the colors shown are a representation only. To see the real thing, refer to the color chips provided at the back of these guidelines.

Black

Note also that the CMYK values shown he vary from the CMYK values in PANTONE publications. For the most accurate proces color, use the values in these guidelines.

PREFERRED BACKGROUND White is the preferred background color for interior spreads. Always make sure backgrounds contrast with the signature for clear legibility.

• Cloud images should complement the color of the cover.

• Do not use images of sunsets or storm clouds.

Our color palette. When used consistently, color helps unify all our communications. The palette is composed of eight colors.

ENCORE CAREERS We use gray for all messages and sky blue on headlines or to highlight key points. Our constant use of white provides focus and clarity. Apply the other five colors only if needed (e.g., in charts or online). All colors have precise color references; use the values listed, corresponding to the medium being employed. refer to the Imagery section in the current guidelines for further direction on imagery.

FINAL ISSUE | 22 SEptEmbEr 2006

In lieu of the colors listed here, you may use the PANTONE® colors cited, the standards for which can be found in the current edition of the PANTONE Color Formula Guide. The color shown on this page and throughout these guidelines have not been evaluated by Pantone, Inc. for accuracy and may no match the PANTONE Color Standards. Consult current PANTO Publications for accurate color. PANTONE® is the property of Pantone, Inc.

NEXSTAR Nexstar Graphic Standards

Color

Reversed signatures

Primary signature reversed on saturated backgrounds

The Nexstar signature should be reversed when placed on a solid background so that it’s easier to see. The only suggested background colors are black and pms 2728.

Choose a color that will create enough contrast between the background and the different components of the signature.

One-color uses

If you don't have control over the background, render the signature either in all black or reversed to white, depending on the darkness of the background. (For instance, use black on a yellow background, but reverse the signature to white against an orange background.)

For high-resolution laser printing on quality paper use 75% black to create a gray tone.

For low-resolution printing on low-quality paper (such as newsprint) and for jobs that will not accommodate any subtle contrast use 100% black.

Print Specs

Screen Specs

EC Dark Gray

(or PANTONE425 C)

C00 M00 Y00 K85

R078 G078 B080

EC Sky Blue

Spot color (or PANTONE 305 C)

C60 M00 Y10 K00

R127 G193 B222

EC White

C00 M00 Y00 K00

R255 G255 B255

EC Purple

(or PANTONE 241 C)

C33 M100 Y01 K02

R163 G026 B126

EC Orange

(or PANTONE 144 C)

C00 M50 Y100 K00

R233 G131 B000

2.3

VISUAL DEVELOPMENT GUIDE

NEXSTAR

MILTON BRADLEY

63

DEVON

Nexstar Graphic Standards

Signatures

2

Imagery

1.3

Unacceptable treatments

Devon Identity Guid 12.11.07 Rel

This page illustrates what not to do with the Nexstar signature. Remember, combinations of Nexstar’s signature outside of those outlined in this style guide should not be created. Following these graphic standards will ensure Nexstar has a consistent, recognizable identity.

The Nexstar signature must always be easy to read. There must always be contrast between our signature and its background. Avoid placing our signature on a photographic or patterned background.

Never place the Nexstar signature on a patterned or photographic background that inhibits readability, or on a colored background that does not provide sufficient contrast. (See section 2.3 for background guidelines.)

Don’t stretch the signature

Don’t switch the colors

End-Use Imagery

Don’t use gradient affects

End-use photography is straightforward, honest, natural, metaphoric, and unposed. When featuring people, use those who are engaged in real, everyday activities. Textures and landscapes can be used to highlight the many benefits of end Don’t use other colors use — choose photos with a unique look and tone. Drama can be created through cropping and juxtaposition.

Don’t alter the perspective

Don’t render it in 3-D

Don’t use drop shadows

Don’t outline it

Don’t blur it

Don’t change the proportions

NUEVA SCHOOL

DFW

Version 1.0 August 2018

DFW Brand Guidelines

Color palette

Primary and secondary colors

The DFW color palette encompasses a selection of primary and secondary colors reflecting the warm and welcoming nature of the brand.

Primary

Spot and CMYK values should be used for all printed materials.

RGB or Hex should be used in screen-based applications (PowerPoint, mobile, website).

Colors from the primary palette should be used most prominently and appear in every communication.

Secondary colors should supplement colors from the primary palette and should most often occur in secondary graphic elements like icons, infographics, charts and graphs, app alerts.

r

ere

ss

DFW Orange Pantone 166 C CMYK: 0/75/100/0 RGB: 255/80/0 HEX: #FF5000

Nueva design principles

Uniquely personal DFW Light Gray Pantone Cool Gray 1 C CMYK: 0/0/0/8 RGB: 230/230/230 HEX: #E6E6E6

DFW Dark Gray Pantone Cool Gray 10 C CMYK: 0/0/0/80 RGB: 88/88/88 HEX: #585858

There’s something special about the Nueva community. It starts with a shared passion for continuous learning. Our teachers really know each student, allowing them to collaborate on a truly

Secondary

personalized approach. To reflect Nueva’s warm and welcoming community, the visual identity feels friendly and approachable. And it sparks imaginative

DFW Purple Pantone 5265 C CMYK: 86/83/9/45 RGB: 65/57/95 HEX: #41395F

DFW Yellow Pantone 130 C CMYK: 0/32/100/0 RGB: 242/169/0 HEX: #F2A900

DFW Blue Pantone 631 C CMYK: 74/0/13/0 RGB: 62/177/200 HEX: #3EB1C8

thinking by providing an opportunity for individual expression: We invite the community to participate electrolux color system

and make it their own.

33

Our color palette We haven’t chosen one brand color. We’ve chosen another path.

Brands are built by powerful impressions and experiences, not just a color. The Electrolux graphic design language is defined by the expression created by forms, the logotype, typography and not least the tonality in our images. So why not use the opportunities offered by a whole range of

colors? The Electrolux color palette provides a range of colors to be used in background tones and highlighting for example. However, this palette does not apply to the logotype. The Electrolux logotype is always used in black, blue PMS 294 or reversed out of a background element in negative (white).

Photography and illustrations in this document is shown for reference only to help illustrate a concept. It is not intended for use.

Before using any photography or illustration, appropriate licenses must be obtained by The Nueva School.

rs

17

©2015 Dallas Fort Worth International Airport. All rights reserved. DFW, the DFW logo, and all other DFW marks contained herein are trademarks of Dallas Fort Worth International Airport.

ELECTROLUX

EXPLORATORIUM

ot ONE

23

2.5

Typography

Consistent typography is key to a successful visual identity system. We have our own custom typefaces: Explo (sans serif) and Explo Slab (serif). Both of these typefaces come in a range of weights. The preferred weights for most of our communications are shown below. Please contact Joyce Gardella (jgardella@exploratorium.edu) to obtain the custom fonts.

Explo Light

Explo Regular

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp 123456789!@&$%#

AaBbCcDdEeFfGgHh 0123456789!@&$

Explo Medium

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp 123456789!@&$%# Explo Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp 123456789!@&$%#

Font format Both Explo and Explo Slab are available in OpenType format for use on Macs and PCs.

64

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

65

66

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

SOURCES

IMAGES unsplash.com pexels.com google image search: pinwheel logos CONTENT company-histories.com encyclopedia.com https://www.inc.com/dave-kerpen/15-quotes-to-inspire-great-team-work.html https://www.brainyquote.com/topics/teamwork-quotes https://www.brainyquote.com/search_results?q=collaboration https://www.projectmanager.com/blog/teamwork-quotes-25-best-inspirational-quotes-working-together https://en.wikipedia.org/wiki/Milton_Bradley_Company http://www.fundinguniverse.com/company-histories/milton-bradley-company-history/ http://www.newenglandhistoricalsociety.com/milton-bradley-lifes-checkered-past/

VISUAL DEVELOPMENT GUIDE

MILTON BRADLEY

67

BOOK 02 VISUAL DEVELOPMENT GUIDE DESIGNER Daviel Byrd INSTRUCTOR Hunter Wimmer GR 604_Nature of Identity

This book is a noncommercial project for educational purposes and is not intended to represent the Milton Bradley Company.

2

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE

2

MILTON BRADLEY

VISUAL DEVELOPMENT GUIDE