H2GO Brand Manual

Brand Manual

funrefreshingbeneficialfree

Contents

IntroductionLogoColorTypographyLogo misuseApplication

3579

1113

IntroductionThe foundation of our graphic identity system, the H2GO logo, represents our core beliefs about drinking tap water. It is responsible for communicating the qualities the make H2GO unique in all of our brand applications. Even at a glance of the logo, we hope that it will compel others to tap into our values and beliefs.

As the logo must be presented with consistency and care whenever it appears, the following guidelines have been developed to ensure its correct usage whenever it is reproduced and applied.

LogoThe H2GO logo embodies H2GO’s identity and a strong connection to the brand. The H2GO logo features a direct and confident water droplet and type set in a modified version of the typeface Cubano. It is carefully proportioned to work at small and moderate sizes in all publications—Web and print. Please follow guidelines for use to ensure that the logo retains its impact as the official mark of H2GO.

Playful and sophisticated, the logo is our primary brand identifier, and it must appear in every H2GO piece of communication.

4

Uses Placement

Size

Clear space

The H2GO logo should be included on all publications of the brand to affirm the publication’s status as emanating from H2GO.

The H2GO logo should be used in all situations that call for the official mark of the brand. For example, it should be used as the mark of the brand in publications and at public events that visually represent H2GO as a sponsor.

Only with the approval of the Director of Marketing and Trademark Licensing may the H2GO logo or wordmarks be used in non-H2GO publications or event displays.

1

2

3

When used in a H2GO publication, the H2GO logo does not need to be a prominent display element. It can function at small to moderate sizes to brand a publication as a H2GO

product. The H2GO logo functions best when placed on the top left of a print document or Web page.

In print, the H2GO logo should be large enough to ensure legibility and a proper hierarchical relationship to other typographic elements. On the Web, the H2GO logo should be no smaller than shown at the top of this page.

Always reserve a space around the H2GO logo. The minimum amount of clearance should be equal to the height of the “2.” The bottom clear space is equal to the height of two “2s.”

Minimum sizeThe mininum size for the logo is 1 inch (72 pixels wide), as shown above.

Minimum clear spaceThe logo requires a certain amount of clear space. Notice the top, left, and right clear spaces differ from the bottom clear space.

6

Primary palette

ColorColor is a key component of the H2GO visual identity, and the colors of the primary palette were inspired by those found in the H2GO logo.

By using these colors consistently across brand communications, they will build recognition for the H2GO brand while contributing to a unified look and feel.

The colors of the primary palette can be used for text, color fields, backgrounds, rules and other graphic devices.

H2GO Dark BluePMS CyanCMYK: 86 3 0 1 RGB: 0 174 233Hex: 00bfff

H2GO Dark GrayPMS Gray 10CMYK: 38 29 20 58RGB: 84 88 97Hex: 5c5c5c

H2GO Light GrayPMS Cool Gray 10CMYK: 37 26 29 0RGB: 165 172 171Hex: bababa

H2GO Light Blue PMS Cool CyanCMYK: 17 1 0 1RGB: 222 240 251Hex: c3e4ed

H2GO WhitePMS WhiteCMYK: 0 0 0 0RGB: 255 255 255 Hex: 0082d1

Primary versionsUse these versions when there is a white or dark background.

Logo in color

Animated logo

Secondary versionsUse these versions when there is a lightly tinted background.

Black & white versionsUse these versions only when production conditions are limited.

7

“GO” enters from the left “H2GO” fully enters “H2GO” runs across Stops Tagline “filtered water on wheels” fades in

TypographyWritten communications are crucial in building H2GO’s brand, and typography serve to complement the logo as well as the visual language.

The typeface Helvetica Neue has been selected as the official typeface of the H2GO system and will be used in all publications —Web and print.

Known for its structurally unified heights and weights, the Helvetica Neue family is able to complement the H2GO logo by also communicating friendliness, resfreshment, and accessibility.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890~!@#$%^&*)}I love water. H2GO.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890~!@#$%^&*)}I love water. H2GO.

Helvetica Neue Regular, Regular CapsUse this for body text and on light, colored backgrounds.

Body text Helvetica Neue Regular, 8.7pt/12.5pt, 0pt tracking

HeadlineHelvetica Neue Bold, 14pt, 5pt tracking

SubheadlineHelvetica Neue Bold, 8.7pt, 5pt tracking

CaptionHelvetica Neue Medium, 7pt/9pt, 20pt tracking

SubcaptionHelvetica Neue Medium, 7pt/9pt, 20pt tracking

Helvetica Neue Bold, Bold CapsUse this for headline text and on dark colored backgrounds.

Primary Typeface: Helvetica Neue

I love water. Water loves me. I love water. Water loves me.

Water loves me

Water loves me

I love water. Water loves me. I love water. Water loves me.

I love water. Water loves me. I love water. Water loves me.

Logo misuseThe H2GO logo should display a consistent image across all forms of communication. By adhering to these guidelines, it will ensure quick recognition and clear communication of the brand image.

The examples here display possible misuse of the logo.

Never make the water droplet icon a color different than the color of the words.

Never change the color of the “2” in the droplet. It should always match the color of the background.

Never use the logo on top of an image that interferes with its legability.

Never use a background color that interferes with the legability of the logo. Use the color palette given on page 6.

Never reposition the elements in the logo.

Never distort the logo.

Never condense or expand the logo out of the original proportions.

Never crop the logo.

Never blur the logo.

1

2

3

4

5

6

7

8

9

General guidelines

1 2 3

4 5 6

7 8 9

11

ApplicationThese are examples of how the full system could be used. When implementing fully integrated marketing campaigns, it is important that the logo is carefully treated and speaks to the overall brand image.

All applications of the logo must be approved by the Director of Marketing and Trademark Licensing.

The TankThis truck will travel around and distribute free filtered, tap water to consumers.

12

Reusable water bottle and brochureThese will be mailed to consumers who visit The Tank to encourage them to join the initiative to drink tap water.

13

You may have spotted our tank around campus,

and you may be curious.

iPhone applicationThe application is used to further communicated H2GO’s goal to encourage consumers to drink tap water. Functions include: tracking how much water is in The Tank, how much water a consumer has consumed that day, where The Tank is located, and general application settings.

14

Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

35% Full35% FullOctober 23, 2012 12:00 PMOctober 23, 2012 12:00 PMOctober 23, 2012 12:00 PM

CurrentlyCurrentlyCurrently

My WaterThe Tank Locator Settings

We’ve given awayWe’ve given awayWe’ve given away

500.2 gallons

Today’s water is fromToday’s water is fromToday’s water is from

Walnut Valley Water District

24 oz.24 oz.October 23, 2012 12:00 PMOctober 23, 2012 12:00 PMOctober 23, 2012 12:00 PM

CurrentlyCurrentlyCurrently

Locator Settings

I’ve hadI’ve hadI’ve had

Dollars LitersPlastic (lb)

...since August 31, 2011

300 oz.

I’ve savedI’ve savedI’ve saved

40 more oz. to go!40 more oz. to go!40 more oz. to go!

Daily water intake

The Tank My Water

UCLAUCLAHillgard and WestholmHillgard and WestholmHillgard and Westholm

CurrentlyCurrentlyCurrently

SettingsThe Tank LocatorMy Water

We’re here fromWe’re here fromWe’re here from

Check InCheck InCheck In12:00 PM – 1:00 PM

The TankThe Tank

2

6

8

10

12

14

16

15

Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

35% Full35% FullOctober 23, 2012 12:00 PMOctober 23, 2012 12:00 PMOctober 23, 2012 12:00 PM

CurrentlyCurrentlyCurrently

My WaterThe Tank Locator Settings

We’ve given awayWe’ve given awayWe’ve given away

500.2 gallons

Today’s water is fromToday’s water is fromToday’s water is from

Walnut Valley Water District

24 oz.24 oz.October 23, 2012 12:00 PMOctober 23, 2012 12:00 PMOctober 23, 2012 12:00 PM

CurrentlyCurrentlyCurrently

Locator Settings

I’ve hadI’ve hadI’ve had

Dollars LitersPlastic (lb)

...since August 31, 2011

300 oz.

I’ve savedI’ve savedI’ve saved

40 more oz. to go!40 more oz. to go!40 more oz. to go!

Daily water intake

The Tank My Water

UCLAUCLAHillgard and WestholmHillgard and WestholmHillgard and Westholm

CurrentlyCurrentlyCurrently

SettingsThe Tank LocatorMy Water

We’re here fromWe’re here fromWe’re here from

Check InCheck InCheck In12:00 PM – 1:00 PM

The TankThe Tank

2

6

8

10

12

14

16

This book was designed by Mary Yang at Washington University in St. Louis in Fall 2012 for Visual Information.