BrandBook_Light by rw ds

YourBrand Brand Guidelines 2013 yourbrand brand guidelines designed by RWDS rwds.studio@gmail.com

We have put together these brand guidelines to assist you and your in-house team on how to implement and execute your brand effectivley across a range of media. These guidelines are essential to ensuring continuity across your brand.

For additional information regarding the content of this brand guideline please contact us at info@yourname.com and we will endevour to get back to you as soon as possible.

Final Logo Color Typography Digital

Print Marketing Merchandise Imagery

Logo Versions Logo Sizing Logo Usage Colors Color Breakdown Fonts Type Hierachy App Icon Wireframing Website Web-stills Icons Stationery Tone of Voice Copywriting style Products Overlay styles Photographic Style

Logo

Final Logo This is the the final logo, it is saved in the zip file as yourlogo_1.eps. Write some information about the logo concept, inspiration and how the logo design relates to the client brief.

Logo Versions

Logo Usage A. Logo Usage Information about where this version of the logo should be used. B. Logo Usage Information about where this version of the logo should be used. C. Logo Usage Information about where this version of the logo should be used. D. Logo Usage Information about where this version of the logo should be used.

Sizing

Minimum Height For the sake of legibility, the logo must never be printed smaller than 10mm in height or 10px on screen. At smaller sizes it is best to use the logo icon alone as shown to the right.

10mm

Logo Usage

Isolation Zone The isolation zone is the space around the logo. It is important that no images/text/borders or margins are placed within 10mm of the logo.

Isolation area 10mm

Color

Primary Color

Secondary Color

Light Grey

Dark Grey

Mid Grey

White

Color Usage We have chosen a six color colour palette. These include 2 main colors 3 greys and white. Use this document as a guide on how to implement these colors for print/web.

Breakdown

20%

40% 60%

80%

20%

40% 60%

80%

20%

40% 60%

80%

20%

40% 60%

80%

20%

40% 60%

80%

Noâ&#x20AC;&#x2122;s & Tints Here we have shown the breakdowns for each of the colors in your palette. RGB & Web colors are for screen use only. CMYK & Pantone numbers are for print. Tints are useful as they provide additional colors at no extra print cost. We have included tints at 20% increments.

Red

Green

Dark

Mid

Light

R000/G000/B000

Web#000000

C00/M00/Y00/K00

R000/G000/B000

Pantone #111

Typeface

Typography Here goes the information about the main typeface used in the brand identity. In this case that font is titillium text which is a free font sans serif font designed by Accademia di Belle Arti Urbino and available at: http://www.fontsquirrel. com/fonts/TitilliumText

AaBbCc123@£$ Titillium Titillium Medium ABCDEFGHIKLMNOPQRSTUVWXYZ abcdefghiklmnopqrstuvwxyz 01234567890!@£$%

Titillium Regular ABCDEFGHIKLMNOPQRSTUVWXYZ abcdefghiklmnopqrstuvwxyz 01234567890!@£$%

Titillium Light ABCDEFGHIKLMNOPQRSTUVWXYZ abcdefghiklmnopqrstuvwxyz 01234567890!@£$%

Titillium Thin ABCDEFGHIKLMNOPQRSTUVWXYZ abcdefghiklmnopqrstuvwxyz 01234567890!@£$%

Hierachy

Font Hierachy The hierachy refers to the order of importance of the fonts. This hierachy is can be accessed through paragraph styles in indesign > window > styles > paragraph styles

T1 Titillium Thin — 30pt/30pt (Title) AaBbCcDdEeFfGg 01234567890!@£$% H1 (Headline) SB1 (Subtitle) BC (BodyCopy)

Caption (Subtitle)

Podkova Regular — 18pt/21pt AaBbCcDdEeFfGg 01234567890!@£$% Cabin SemiBold — 12pt/15pt AaBbCcDdEeFfGg 01234567890!@£$% Titillium Regular — 9pth/12pt AaBbCcDdEeFfGg 01234567890!@£$% Titillium Medium — 8pt/12pt AaBbCcDdEeFfGg 01234567890!@£$%

App

App Icon The app will be launched in 2014. Here we have shown how the icon should look.

Wireframing Wireframing refers to the basic layout, workflow and prototyping of your application. The wireframe saves the designer the hassle of color palette, rendering, editing & adding placeholders images etc. The arrows show user navigation page to page.

Online

Homepages Sam, omniani storeru mquatem. Ullaboria venditatust a consecuscid et aut id moluptam solum facessum evelitate solut vellit aut qui omnis as aut audam voluptur sapelitias es modi optaqui tem el eum, veria quatisqui doluptam sinulluptur adignis dero conesto tatemperspit lanis.

www.yourbrand.com

Web Stills

Web Page 2

www.yourbrand.com

Web Page 3

Icons

On Red Sam, omniani storeru mquatem. Ullaboria venditatust a consecuscid et aut id moluptam solum facessum evelitate solut vellit aut qui omnis as aut audam voluptur sapelitias es modi optaqui tem el eum, veria quatisqui doluptam sinulluptur adignis dero conesto tatemperspit lanis eossequ atemolori cores il maioratur? Nim et ut facim nus.

Icon-name

Icons

On black Sam, omniani storeru mquatem. Ullaboria venditatust a consecuscid et aut id moluptam solum facessum evelitate solut vellit aut qui omnis as aut audam voluptur sapelitias es modi optaqui tem el eum, veria quatisqui doluptam sinulluptur adignis dero conesto tatemperspit lanis eossequ atemolori cores il maioratur? Nim et ut facim nus.

Icon-name

Print A Logo/Header Area

YourLogo

B Logo/Header Area

Stationery We have included the letterhead, comp-slip and business card as EPS files in the zip file. The grid is saved in the layers palette.

Dear Sir, Nam faccuptat expedit invelec eaquiani iumqui temperitat. Cearum iunt ommoluptasit aci venis et aceatibus ex essimilita nim aut pe non endisto rectia verios enihil ipicia sequatis adissunt mo molupta cus acea accuptatur, sa dit, quias am dolendenis suntur mint. Uptatem arume delest, que sequiat quuntios ent vel mi, ut et vel ilitatia alignatur? Nobitiat ut libus rem etur, verum apictum vendis et, experio nseque dolorib usdaepe quias ma si omnis volor reicita tiureictaqui dolorendeles everunti dolupta aut quis pratempos et lacipsam res sus, ut ommodis cipsapiendit doloreius ipsus volupta tquiaerio opta conse con evenit, ullibus enihil minvellora doluptatio tem dolectur? Magnimi, odistores earis audanih itatia perrum reptae nis excepra quis in nulla asitas re mil ese dunt ut fuga. Faccatur? Lit laut ratius quiate odi nam, quae omnis solum et fugitia ius, et hillend usciis andi omnihil latisentis adion nonsequ aercium nis mo mo volorero del maximpor sum ut aut quisciis inctur soluptio es dollor re, qui unto eaquis eossimus conecescid que optatio cum sectur sum dolor minctatur? Nonserum deliqua tiusam, quias ni nonseque presto optatem ea imagnim quas ex expliqui cuptas ilique volent, nit odit, coribus reptae niantia pratiorro dollautaquis dipisiti debiti con exero oditatur mosanto etusdan duscid moluptur sum fuga. Nemporum is sam se liquatquid ullam lanisseque vellab ius esequid quat. Onse re, inumque volupid mi, officatem int qui to eatur archill ecabo. Re voloria sum quae excesti scienim qui quati occae odiscit et is volorit ioritibus, seditatur alignis qui dolum simus

D Signature

Address Line 1 Address Line 2 City, State Zip Code

Yours Sincerely,

YourName Your Position

Email info@yourbrand.com Web www.yourbrand.com

Phone +00 0 000 000 0000 Fax +00 0 000 000 0000

E Footer

YourLogo

Phone +00 0 000 000 0000 Fax +00 0 000 000 0000

YourLogo

Email info@yourbrand.com Web www.yourbrand.com

YourLogo

Nobitiat ut libus rem etur, verum apictum vendis et, experio nseque dolorib usdaepe quias ma si omnis volor reicita tiureictaqui dolorendeles everunti dolupta aut quis pratempos et lacipsam res sus, ut ommodis cipsapiendit doloreius ipsus volupta tquiaerio opta conse con evenit, ullibus enihil minvellora doluptatio tem dolectur?

Address Line 1 Address Line 2 City, State Zip Code

Email info@yourbrand.com Web www.yourbrand.com

Magnimi, odistores earis audanih itatia perrum reptae nis excepra quis in nulla asitas re mil ese dunt ut fuga. Faccatur? Lit laut ratius quiate odi nam, quae omnis solum et fugitia ius, et hillend usciis andi omnihil latisentis adion nonsequ aercium nis mo mo volorero del maximpor sum ut aut quisciis inctur soluptio es dollor re, qui unto eaquis eossimus conecescid que optatio cum sectur sum dolor minctatur? Nonserum deliqua tiusam, quias ni nonseque presto optatem ea imagnim quas ex expliqui cuptas ilique volent, nit odit, coribus reptae niantia pratiorro dollautaquis dipisiti debiti con exero oditatur mosanto etusdan duscid moluptur sum fuga. Nemporum is sam se liquatquid ullam lanisseque vellab ius esequid quat. Onse re, inumque volupid mi, officatem int qui to eatur archill ecabo. Re voloria sum quae excesti scienim qui quati occae odiscit et is volorit ioritibus, seditatur alignis qui dolum simus

Phone +00 0 000 000 0000 Fax +00 0 000 000 0000

Yours Sincerely,

YourName Your Position

Address Line 1 Address Line 2 City, State Zip Code

Email info@yourbrand.com Web www.yourbrand.com

Phone +00 0 000 000 0000 Fax +00 0 000 000 0000

Merchandise

T-Shirt Sam, omniani storeru mquatem. Ullaboria venditatust a consecuscid et aut id moluptam solum facessum evelitate solut vellit aut qui omnis as aut audam voluptur sapelitias es modi optaqui tem el eum, veria quatisqui doluptam sinulluptur adignis dero conesto tatemperspit lanis eossequ atemolori cores il maioratur? Nim et ut facim nus.

Tote Bag Sam, omniani storeru mquatem. Ullaboria venditatust a consecuscid et aut id moluptam solum facessum evelitate solut vellit aut qui omnis as aut audam voluptur sapelitias es modi optaqui tem el eum, veria quatisqui doluptam sinulluptur adignis dero conesto tatemperspit lanis eossequ atemolori cores il maioratur? Nim et ut facim nus.

Marketing

Tone of Voice Some information about the style of copy used in marketing collateral. Is the brand friendly and whimsical or corporate and professional?

Tone of voice refers to how yourbrand speaks to itâ&#x20AC;&#x2122;s customer base. Is it friendly & personable or stuffy & corporate?

Advertising

Copywriting Style When advertising sometimes the copy style is the most recognizable part of the brand image. Short or long sentances? Ampersand or written as â&#x20AC;&#x2DC;andâ&#x20AC;&#x2122;. Full-stops/period usage etc

Short, simple, concise copywriting.

Imagery

Overlay Styles How are the images finished or retouched. Is there a style running through the brand imagery. (filters etc) In this case we have used a red layer to give the black & white images a deep red tint as shown.

Bottom Layer: 100% Blending Mode: Normal

Top Layer B&W: 100% Blending Mode: Multiply

Multiply Example 1

Imagery

Black & White Images

Photographic Style The imagery will hold the brand together, it is important to set the client guidelines on image choice. This also provides the photographer the necessary information.

High Contrast Imagery

Use Horizontal Format

Slight Grain To Imagery

Imagery

Photographic Style The imagery will hold the brand together, it is important to set the client guidelines on image choice. This also provides the photographer the necessary information.