16
Brand Identity Manual Graphic Messaging Guidelines

Graphic Messaging Guidelines - Vida Volunteer · - Change the colors of the logo ... the full color version of the logo on any of the colors shown above or any of their di˜erent

Embed Size (px)

Citation preview

Brand Identity Manual

Graphic MessagingGuidelines

About usBrand Identity Manual- Vida Volunteer 2

Mission

Vision

Our Values

To positively impact the quality of life in underserved communities while o�ering volunteers a life changing experience.

Healthier Communities

Team Work

Working professionally to achieve our vision

Caring

Concerned for our communities and

taking action for their well-being.

Accountability

Being responsible for our actions and

committed to honesty and transparency.

Passion

We love what we do!

Diversity

We embrace and celebrate our

di�erences.

Technical Speci�cations of the Brand

Brand Identity Manual - Vida Volunteer 3

Logo

Proportions

HH

HH H

When using the logo together with other graphic elements, please keep an empty a space around it that matches the size of a capital letter H on each side of the logo. Other graphic elements or text can be placed next to the logo as long as the distance and dimensions are respected. The same H proportion should be kept between the graphic element and the text in the logo.

Brand Identity Manual - Vida Volunteer 4

Logo

Proportions

HH

HH H

When using the logo together with other graphic elements, please keep an empty a space around it that matches the size of a capital letter H on each side of the logo. Other graphic elements or text can be placed next to the logo as long as the distance and dimensions are respected. The same H proportion should be kept between the graphic element and the text in the logo.

Brand Identity Manual - Vida Volunteer 4

LogoDont´s

Please do not modify the brand in any way. None of the presented ways are permited. Neither the graphic or text element should be repositioned in any form.

Also avoid:

- Rotate or change the direction of logo- Create a logo animation- Change the colors of the logo- Eliminate or replace any part of the logo- Add special effects to the logo ( shadows on letters, etc. )- Repositioning characters or changing the logo font

X XX

When the logo is used over some colors it becomes hard to read. Therefore you should not placethe full color version of the logo on any of the colors shown above or any of their di�erent shades . Please use the white version of the logo .

Brand Identity Manual - Vida Volunteer 5

LogoDont´s

Please do not modify the brand in any way. None of the presented ways are permited. Neither the graphic or text element should be repositioned in any form.

Also avoid:

- Rotate or change the direction of logo- Create a logo animation- Change the colors of the logo- Eliminate or replace any part of the logo- Add special effects to the logo ( shadows on letters, etc. )- Repositioning characters or changing the logo font

X XX

When the logo is used over some colors it becomes hard to read. Therefore you should not placethe full color version of the logo on any of the colors shown above or any of their di�erent shades . Please use the white version of the logo .

Brand Identity Manual - Vida Volunteer 5

LogoDo´s

The logo should always be used horinzontaly, so that the graphic element is located to the left of the text. The logo can be used in full color over a white or black background. When used over other colors the logo should be used in its white version to ensure the correct contrast.

When the logo is used over blue, green and yellow tones, please use the white version of the logo. The permited colors are presented in pages 13 and 14.

Brand Identity Manual - Vida Volunteer 6

FontsBrand Identity Manual - Vida Volunteer 7

Titles

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Subtitles or Important Text

Myriad Pro Condensed

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh�klmnopqrst�wx�

Lobster 1.3

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Myriad Pro Condensed

FontsBrand Identity Manual - Vida Volunteer 8

Texts

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Other accepted for desing

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Helvetica

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Blanch Caps

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Lato

ColorsBrand Identity Manual - Vida Volunteer 9

Organizational Colors

HEX#: 10abdfPANTONE: 2995CMYK: 73-16-0-0RGB: 16-166-223

HEX#: 81bc41 PANTONE: 360CCMYK: 55-3-100-0RGB: 129-188-65

HEX#: eeda20PANTONE: 604CCMYK: 9-7-96-0RGB: 238-218-32

ColorsBrand Identity Manual - Vida Volunteer 10

Secondary Colors

When to use them• For differentiation of information if 2+ sections• Title colors• Supportive backgroung colors• Charts or infographics

How to use them• Always use up the organizational colors first• Never use the secondary colours on their own• Start with the greens, then yellows, �nally orange

ColorsBrand Identity Manual - Vida Volunteer 11

Secondary Colors/Especi�cations

HEX#: 5d7e95PANTONE: 5415CCMYK: 68-43-30-4RGB: 93-126-149

HEX#: 6ca438PANTONE: 7737CCMYK: 64-15-100-2RGB: 108-164-56

HEX#: e1e61ePANTONE: 388CCMYK: 16-0-96-0RGB: 225-230-30

HEX#: �b546PANTONE: 1365CCMYK: 0-34-80-0RGB: 225-181-70

HEX#: 25b3b7PANTONE: 631CCMYK: 72-5-31-0RGB: 37-179-183

HEX#: 6cc049PANTONE: 360CCMYK: 61-0-96-0RGB: 108-192-73

HEX#: �e800PANTONE: 803CCMYK: 0-5-97-0RGB: 255-232-0

HEX#: �8f12PANTONE: 1495CCMYK: 0-54-95-0RGB: 255-143-18

ColorsBrand Identity Manual- Vida Volunteer 12

Background Colors

HEX#: ���PANTONE: 663CCMYK: 0-0-0-0RGB: 255-255-255

HEX#: 000000PANTONE: 6CCMYK: 0-0-0-0RGB: 100-100-100

HEX#: 1d4189PANTONE: 7687CCMYK: 100-86-15-3RGB: 29-65-137

HEX#: 545759PANTONE: 425CCMYK: 65-56-55-29RGB: 84-87-89

When to use them• As background for the logo•As background for merchandising materials

How to use them• Either white or full color version of the logo

ColorsBrand Identity Manual- Vida Volunteer 12

Background Colors

HEX#: ���PANTONE: 663CCMYK: 0-0-0-0RGB: 255-255-255

HEX#: 000000PANTONE: 6CCMYK: 0-0-0-0RGB: 100-100-100

HEX#: 1d4189PANTONE: 7687CCMYK: 100-86-15-3RGB: 29-65-137

HEX#: 545759PANTONE: 425CCMYK: 65-56-55-29RGB: 84-87-89

When to use them• As background for the logo•As background for merchandising materials

How to use them• Either white or full color version of the logo

ResourcesBrand Identity Manual - Vida Volunteer 13

Possible Graphic Icons