TYC Brand Identity Guidelines, 2013

Page 1

Brand Identity Guidelines


Content Brande Identity is a universal visual language, created to ensure strong and solid represantation of The Youth Company brand across multiple channels and means of communication.

1. LOGO

It provides universal framework for usage of logos, colors, typefaces and graphic elements across all media online and offline.

3. TYPEFACE

Correct and consistent application of the guidelines is essential to ensuring continued brand recognition, and to help reinforce the brand’s positioning. The rules outlined in this document are to be strictly followed.

2

2. COLORS

4. WRITING STYLE 5. “Y” SYMBOL

6. BRANDING OF PROGRAMS, EVENTS & INITIATIVES 7. APPLICATIONS


Logo The Youth Company logo consists of tree elements: 1 - “Y” dotted sign (including writing of “youth”) 2 - Wordmark (TYC name in Arabic & English) 3 - Purple Rectangular

1 - “Y” dotted sign, finishing with word “youth”

The logo, in all its variations, must not be typeset, traced, re–spaced, re–drawn or modified in any form. The proportions, spacing, relative positioning and colours must remain consistent.

3 - Purple Rectangular

2 - Wordmark

3


Logo

orientation & min size

This page describes usage of different variations of The Youth Company logos, which were designed to suit different media and formats. There are two orientations for The Youth Company logo: vertical and horizontal. The primary usage of the logo should be of the full-color vertical logo and used whenever possible for all applications. Minimum size for TYC Logo is 25mm in print and 70 pixels on web. The horizontal logo should be used only when the size available is less than min size of the vertical logo (see above). The horizontal logo was introduced to ensure legibility at all the time. Its minimum size is 10mm in print and 30 pixels on web; it should not be reproduced below 7mm. * Height is measured from the top of the right side (longer side) of the purple rectangular till its bottom.

4

Full-color Vertical Logo

Full-color Horizontal Logo (limited usage, read guidelines on the left)

Minimum Size Print: 25mm Web: 70 pixels

Minimum Size Print: 10mm Web: 30 pixels


Logo

clear space (safe area)

To ensure effective placement of the logo, it should be surrounded by as much clear space as possible. Minimum clear space for vertical lolo is equal to 1/4 (25%) of the height of the right side (longer size) of The Youth Company logo.

Full-color Vertical Logo

25%

x

Full-color Horizontal Logo (limited usage, read guidelines page 4) 25%

x

50%

x

Minimum clear space for horizontal lolo is equal to 1/2 (50%) of the height of the right side (longer size) of The Youth Company logo.

x

Clear space (safe area) should be always clean from other images, text and logos.

x 50%

x 25%

x

5

50%

x

25%

x

50%

x


Logo

color applications

The specific colours of the full-color logo, mentioned in the previous pages cannot be altered, the opacity cannot be reduced, the combination of colors cannot be changed.

Full-color on white background

Full-color on gradient background (0-10% black gradient)

Full-color on solid background (10% black maximum)

White logo on purple background

White logo on black background

White logo on grey background

Black on white background

Full-color logo should be always used only on following backgrounds: white, solid or gradient black 0-10%. In addition to full-color logo, black and white versions may be used if necessary. However, it’s always preferred to use full-color logo on above mentioned backgrounds. White logo can be used on dark backgrounds and when other logos displayed in white; and should be always used without purple rectangular. Black logo can be used only for black & white printing, fax or when other logos displayed in black as well. Always select the version that ensures maximum legibility.

6

White logo can be placed on other dark backgrounds apart from those demonstrated, or as whatermark. However, please, ensure legibility of the logo at all the times.


Logo

color applications Full-color on white background

Black on white background

Full-color on gradient background (0-10% black gradient)

White logo on purple background

Full-color on solid background (10% black maximum)

White logo on black background

Color applications for horizontal logo. Usage of horizontal logo is limited. Please, refer to page 4. White logo can be placed on other dark backgrounds apart from those demonstrated, or as whatermark. However, please, ensure legibility of the logo at all the times.

7


Logo

incorrect logo usage DON’T place full-colored logo on any background, which is darker than 10% black

DON’T place the logo on detailed background image; choose clear area or solid background.

DON’T place the logo on detailed background image; choose clear area or solid background.

DON’T reposition the elements

DON’T add anything to the logo

DON’T modify colors of the logo

The approved arrangement of the logo elements is fixed and should not be altered or recreated. Always use approved master artwork. Following examples demonstrate incorrect logo usage. Please, avoid these mistakes. While these examples shows only vertical logo, the principles apply to all versions of the logo. DON’T stretch the logo

Algeria

8

DON’T rotate the logo


Logo

incorrect logo usage DON’T use full-color or black logos on dark backgrounds

DON’T use white logo on light backgrounds

DON’T modify colors of the logo or use elements separately, apart from options described previously

DON’T modify colors of the logo or use elements separately, apart from options described previously

DON’T outline the logo

DON’T modify colors of the logo apart from options described previously

The approved arrangement of the logo elements is fixed and should not be altered or recreated. Always use approved master artwork. Following examples demonstrate incorrect logo usage. Please, avoid these mistakes. While these examples shows only vertical logo, the principles apply to all versions of the logo. DON’T place anything in clear space area An Initiative Of

9

DON’T apply shadow


Colors

primary colors

10

Following are primary corporate colors

Purple

Light Grey

Dark Grey

Magenta

PANTONE

260 C

Process Black C, 10%

Process Black, 85%

Process Magenta C

RGB

113 / 20 / 113

231 / 232 / 233

77 / 77 / 79

236 / 0 / 140

CMYK

52 / 100 / 0 / 26

0 / 0 / 0 / 10

0 / 0 / 0 / 85

0 / 100 / 0 / 0

WEBSMART

#711471

#E7E8E9

#4D4D4F

#EC008C

WEBSAFE

#660066

#CCCCCC

#666666

#FF0099


Colors

secondary colors

Secondary colors might be used for creation of additional elements in corporate artwork, however, it is preferred to use primary colors to ensure solid outstanding visual effect.

11

PANTONE

RGB

CMYK

WEBSMART

260 C, 75%

137 / 77 / 139

39 / 75 / 0 / 20

#894D8B

260 C, 50%

166 / 124 / 170

26 / 50 / 0 / 13

#A67CAA

260 C, 25%

202 / 180 / 208

13 / 25 / 0 / 7

#CAB4D0

260 C, 10%

229 / 220 / 233

5 / 10 / 0 / 3

#E5DCE9

PANTONE

RGB

CMYK

WEBSMART

Process Black

35 / 31 / 32

0 / 0 / 0 / 100

#231F20

Process Black, 50%

147 / 149 / 152

0 / 0 / 0 / 50

#939598

Process Black, 25%

198 / 200 / 202

0 / 0 / 0 / 25

#C6C8CA


Typeface

english

Corporate typeface ensures visual consistency across different materials and channels. Please, don’t use Tracking, different from mentioned (space between letters); use Auto Leading (space between lines).

AA Aa Geneva, Regular

Arial Narrow, Regular

We use this font in UPPERCASE (capitals) for headings and subheadings in official documents, proposals, marketing materials online and offline. We also use it in normal (Sentence) case in some stationary materials.

We use this font as standard typeface in official documents, proposals, marketing materials online and offline in Dark Grey color (PANTONE - Process Black, 85%; RGB - 77 / 77 / 79; CMYK - 0 / 0 / 0 / 85; Websmart - #4D4D4F)

Tracking (space between letters): -50 or condensed 0.5pt (Word).

12

Aa Pacifico, Regular

We use this font for decorative purposes only in marketing materials, usually in Magenta color (PANTONE - Process Magenta C; RGB - 236 / 0 / 140; CMYK 0 / 100 / 0 / 0; Websmart - #EC008C)


Typeface

arabic

Corporate typeface ensures visual consistency across different materials and channels. Please, don’t use Tracking, different from mentioned (space between letters); use Auto Leading (space between lines).

‫ﺍﺏ‬ Kufyan Arabic Bold

We use this font for headings and subheadings in official documents, proposals, marketing materials online and offline.

13

‫اب‬

‫اب‬

GESS Text Light Light

Hayah, Regular

We use this font as standard typeface in official documents, proposals, marketing materials online and offline in Dark Grey color (PANTONE - Process Black, 85%; RGB - 77 / 77 / 79; CMYK - 0 / 0 / 0 / 85; Websmart - #4D4D4F)

We use this font for decorative purposes only in marketing materials, usually in Magenta color (PANTONE - Process Magenta C; RGB - 236 / 0 / 140; CMYK 0 / 100 / 0 / 0; Websmart - #EC008C)


Typeface

usage example

Following is the example of fonts usage in a document.

HEADLINE SAMPLE SUB-HEADLINE SAMPLE Above headline is set using Geneva, Regular at 18 px with all caps, tracking -50 Above sub-headline is set using Geneva, Regular at 13 px with all caps, tracking -50 This body copy sample is set using Arial Narrow at 10 px. The vertical line spacing (Leading) is set as “Auto” (12 px). In official letterhead body text is set to Arial Narrow 12pt, with space between lines 1.5. All the body copy is Aligned Left. All text is written in color Dark Grey

14


Writing Style Not only our visual language, but also the way we talk to our stakeholders across different channels should always remain consistent. This first of all includes proper usage of programs’ names and initiatives, which should remain the same for English and Arabic, regardless type of the message and channel it’s presented. For example, how do we write “YOU Training” or “You Training” Program correctly? Moreover, it is important to maintain specific universal tone of voice while communicating with our stakeholders. In general, we work for youth empowerment and development, thereby, it is benefitial to show the “human” side of the brand, which is open for feedback and always ready to listen and support. While the official language for internal communicaiton is English, external communication can be bilingual and should reflect 2 most spoken languages in the country of operation. (Ex.: English and Arabic in Qatar, French and Arabic in Morocco etc.)

15

To begin with, find 5 mistakes in this sentence, related to the wrong usage of the “Youth Company’s” brand name and its You Experience programs.


Writing Style

brand name EXAMPLE / CORRECT USAGE

WRONG USAGE

1. The name of the brand should be always composed of three words with first capital letters.

The Youth Company

the Youth Company

2. Abbreviation TYC should be used only after the full name was introduced in a composition.

The event, organized by The Youth Company (TYC) was.... The members of TYC had a chance....

TYC, a social enterprise for youth development, is proud to announce...

3. The name of the region or country should follow the name of the brand for regional / country offices; no hyphen or preposition to be used.

The Youth Company Algeria TYC Morocco

The Youth Company in Algeria TYC-Morocco

4. No quotation marks to be used for the name of the brand.

The new partnership established with The Youth Company...

The new partnership established with “The Youth Company”...

5. It’s preffered to don’t separate the name of the brand on different lines, avoid hyphenation

The event, organized by The Youth Company (TYC) was....

The event, organized by The Youth Company (TYC) was....

6. In possessive case, no apostrophe to be used in the brand name

Members of The Youth Company were happy to participate in various activities....

The Youth Company’s members were happy to participate in....

16

organized by The Youth Company (TYC) was....


Writing Style

words & terms

Names of programs

Capitalization

US English

Consistency

17

CORRECT

INCORRECT

EXPLANATION

YOU-Experience Program YOU-Training Program YOU-Start Program YOU-Intern Program YOU in Action Program YOU-Card Program YOU-Point etc.

YOU Experience, You Training, You-Start, you-intern, YOU-in-Action, YOU-Training program, “YOU-Intern” Program etc.

Word YOU should be always capitalized and hyphenated with following word, starting from capital letter, unless separated by preposition (ex.: YOU in Action).

social media channels training, workshop, initiative “Emotional Intelligence” “Feedback and Evaluation”

on our Social Media attend Public Speaking Training emotional intelligence Feedback And Evaluation

Don’t capitalize words like: social media channels, training, workshop, event, initative, program, website, e-mail unless in the beginning of the sentence. Capitalize all words apart from prepositions in the name of the event, training, workshop etc. and use quotation marks.

program center favorite organize

programme centre favourite organise

We use US English in our communication. These are some common words, which are usually spelt incorrectly.

e-mail online website web-page

email, e mail on-line, on line web-site, web site web page, webpage

These are some examples of words, used inconsistently. Please, use word website, when reffering to general url (ex.: www.theyouthcompany.com) and word web-page when referring to a specific page (ex.: www.theyouthcompany.com/events)

No quotation marks to be used in the names of the programs. The word ‘Program’ to start from capital letter if it’s used after the name of the program; with small letter in the rest of the cases.


Writing Style

tone of voice

DATES & TIME

NUMBERS & POSITIONS

the 30th of June, 2013 June 30, 2013 9am - 5:30pm 2pm - 6pm 3:00-5:15 & 14:00-19:45

Operate since December 2010 Youth engaged - 20 000 Projects delivered - 23 Organization worked with - over 50 Official expansions - Morocco & Algeria

It’s preffered to use mentioned format for writing dates and timing. While in text paragraphs we use only 12h format, 24h format can be applicable in tables only.

Our boilerplate (description about The Youth Company) contains set of specific numbers, which demonstrate impact of our work. These numbers always should be up to day and be the same across different media. Please, use numbers mentioned on “About Us” page on www.theyouthcompany.com for reference.

RESOURCES Please, use following resources for official numbers, mission & vision, benefits & values, positions etc.: TYC Executive Summary TYC Brand Experience Book TYC Press Kit TYC Website

18

It’s important to use correct organizational positions for all staff - please, always use TYC Staff Database, or if not available, page “People” on www.theyouthcompany.com for reference.

TONE OF VOICE As it was mentioned before, not only it’s important to maintain consistency in usage of terms and grammar, but also in applying unique tone of voice. Overall, we aim to maintain humble and simple, yet rich enough, tone of voice, with focus on benefits for our stakeholders. It is important to demontrate solution-based approach, encouragement of two-way communicaiton flow and sustainable in a long-term point of view. Avoid using following terms in relation to our activities and programs, unless it is confirmed by the authorized party: “first / best / biggest / the only one... program / social enterprise / training etc.” The first thing we tell our stakeholders if they ask “What is The Youth Company?” is that we are a “Social enterprise for youth development”. This definition is widely used in press-releases as well. (Ex.: “The event is organized by The Youth Company, social enterprise for youth development”) All our press-releases and interviews should always try to reflect our mission, showcase our benefits and never contradict to our values.


“Y” symbol These are examples of how “Y” symbol from our logo can be applied as graphical element on branding materials. “Y” symbol should never substitute the logo while abstracted. It’s always preffered to use pre-approved artwork for general branding materials like folders, notepads, business cards, CD-holders etc.

19


Branding of

programs, events, initiatives

Each program of The Youth Company has distinctive sign and color, which can be used in corporate communication documents and branding materials. At the same time, some programs can have separate branding identity, which was developed for marketing purposes. Example here can be YOU-Intern Program - Internship.qa, which has separate logo, colors, typeface etc. For programs with separate brand identity, please, refer to corresponding separate visual identity guidelines. All the big-scale events of The Youth Company usually have their own brand identity as well, which helps to ensure consistant representation and brand recognition, when events are done on constant basis. (Ex.: “Youth Change Everything” Conference, “Run The World” Festival, “Al Amal” Charity Fashion Show) All promo materials for events of TYC should have TYC logo on the 1st place with title “An Initiative of”. All proposals, official documents, online channels should underline clearly that The Youth Company is the organizer of the event; and contain section with boilerplate of The Youth Company.

20

YOU-Training

YOU-Start

YOU-Intern

PANTONE Process Magenta C RGB 236 / 0 / 140 CMYK 0 / 100 / 0 / 0 WEB #EC008C

PANTONE 299 C RGB 0 / 157 / 220 CMYK 85 / 19 / 0 / 0 WEB #009DDC

PANTONE DS 300-1 C RGB 136 / 172 / 46 CMYK 40 / 0 / 100 / 20 WEB #88AC2E

Examples of logos for events & programs

YOU in Action

PANTONE 7406 C RGB 255 / 207 / 1 CMYK 0 / 18 / 100 / 0 WEB #FFCF01

YOU-Card

PANTONE 260 C RGB 113 / 20 / 113 CMYK 52 / 100 / 0 / 26 WEB #711471


Logo Applications Gieneve Laurente These are some of the examples of application of the logo on corporate materials. Templates for mentioned materials exist as master artwork files.

Executive Assistant

TYC Business Card Front

gieneve@theyouthcompany.com +974 3333 9999

Employee Business Card Back

www.theyouthcompany.com | hello@theyouthcompany.com P.O.Box: 1418 Doha - Qatar | t. +974 4411 8132

The Youth Company TYC Business Card Back

Youth Change Everything

www.theyouthcompany.com hello@theyouthcompany.com +974 4411 8132

P.O.Box: 1418 Doha - Qatar

21

f t theyouthcompany

Evgenia Berestneva

Chief Communication Officer eberestneva@ theyouthcompany.com +974 3333 9999

www.theyouthcompany.com | hello@theyouthcompany.com P.O.Box: 1418 Doha - Qatar | t. +974 4411 8132

Employee Business Card Back Example for long email


Logo Applications Letterheads (Vertical & Horizontal)

Folders (Back, Front, Inside)

Roll-ups

TheThe Youth Company United Youth Company United

Youth Change Everything Youth Change Everything

Phone: (+974) 441441 181181 32 32 Phone: (+974) Fax:Fax: (+974) 449449 329329 99 99 (+974) P.O.Box: 1418 Doha – Qatar P.O.Box: 1418 Doha – Qatar hello@theyouthcompany.com hello@theyouthcompany.com www.theyouthcompany.com www.theyouthcompany.com

We dare to provide a platform for youth empowerment and development as well as to supply the community with youthful consultancy services.

Youth Change Everything

Mohamed Farid, Chairman, The Youth Company

The Youth Company United P.O.Box: 1418, Doha - Qatar

t.: (+974) 4411 8132 f.: (+974) 4411 5811

www.theyouthcompany.com info@theyouthcompany.com

Nice to meet you! The Youth Company United P.O.Box: 1418, Doha - Qatar

t.: (+974) 4411 8132 f.: (+974) 4411 5811

www.theyouthcompany.com info@theyouthcompany.com

www.theyouthcompany.com

no wishing no hoping, this year just make it happen

Are you ready for Change?

powered by The Youth Company

The Youth Company United Phone: (+974) 441 181 32 Fax: (+974) 449 329 99 P.O.Box: 1418 Doha – Qatar hello@theyouthcompany.com www.theyouthcompany.com

22

Notepads (A5)

Stress-ballls

Youth Chan ge Ev erythin g

Bags


Material specifications It is important to use the same kind of material for printing to make sure that colors are reflected in the same way. Please, use following specifications for printing of stationary items.

TYC Bag Size: 25x30x12 cms 250g Art Matt / 4C Matt Lamination 1 side Die cut and pasting + rope handle

TYC Executive Summary Size: A4 - 36 pages Cover: 300gsm Art Gloss with Matt lamination Inside: 120gsm Art Matt / 4Cx4C Staples binding

TYC Business Card Size: 52x52mm 250gsm Art Matt / 4Cx4C 2 sides lamination

TYC Folder Size: A4 (closed) 300gsm Art Matt / 4C x 4C Matt Lamination (outside) Folder Pockets, die cut and pasting

TYC CD Envelope 300gsm Art Matt / 4Cx4C Lamination, open from the right side TYC CD Label Paper sticker / 4Cx0C TYC Certificate Size: A4 300gsm Art Matt / 4Cx0C TYC Envelope To be defined

23

TYC Letterhead Size: A4 120gsm Conqueror / 4Cx0C TYC Notepad Size: A5 - 100 sheets/pad Cover: 250 gsm Art Matt / 4Cx0C Inside: 80 gsm woodfree / 4Cx0C Matt Lamination (outside); Spiral Binding on the left TYC VIP Invite Size: 200x95mm 300g Ice Gold / 4Cx4C Simple Envelop Conqueror 210x100mm


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.