brand identity guideline

38
Est ‘72 Brand Guideline Design By : BizzDistrict Copywrite @2015 All Right Reserved Your Brand Brand Guidelines

Upload: bizzdistrict

Post on 07-Apr-2016

287 views

Category:

Documents


0 download

DESCRIPTION

For the full version please download here --> http://bit.ly/identityguideline-bizzdistrict

TRANSCRIPT

Page 1: Brand Identity Guideline

Est

‘72

Brand Guideline Design By :BizzDistrict Copywrite @2015

All Right Reserved

Your BrandBrand Guidelines

Page 2: Brand Identity Guideline

Est

‘72

Page 3: Brand Identity Guideline

This Guideline Consist Of The Direction Step By Step Of Your Brand DesignAs Complement To Inform & Guide You Of How To Using The Logo Accross The Media Where Your Brand Would Showed Off

Logo •Sizing•Spacement•Final Logo

1•Logo Variation•Logo Element•Misuse

Color •Color Used•Color Breakdown 2Typeface •Font Used•Type Caracter 3•OTF Features

•All Glyphs

Stationery 4Marchandise 5Preview 6Digital •Homepage 7App •Logo Preview•Wireframes Breakdown 8Iconic •Casual•Flat Styles 9Marketing •Advertising 10Effect •Potograph Effect•Multiply 11

Contents

Page 4: Brand Identity Guideline

Est

‘72

Logo1

SizingThe logo set up for 11.5 mm of hight & weight, the reason for setting up was some media preview mede the limit of any size for their users logo and this the averege of these limitation

Both these two optional logo must match for their size.

11.5 mm

11.5 mm

Page 5: Brand Identity Guideline

Est

‘72

10mm Isolation AreaThe real isolation area was seted up in Adobe Ilustrator with some grid as rule of creating logos, here just to imform you about logo real condition.

10mm Isolation AreaThe real isolation area was seted up in Adobe Ilustrator with some grid as rule of creating logos, here just to imform you about logo real condition.

The logo has white space that caled with isolation area, its mean prohibited for texts, image, etc to mix or included to that logo, the spacement keep the logo to stand alone , the meaning sence of “Eleghantly Brand”

Logo Spacement

Page 6: Brand Identity Guideline

YourBrand

Est

‘72

Final LogoThis was the final for logos designing as a main part of brand identity project, please digest through this manual to got some information about this logo in caracteristic, design proccessing, real preview, misuse, etc.

Page 7: Brand Identity Guideline

Est ‘72

YourBrand

YourBrand

Est

‘72Logo VariationHere We provide you three logo design variation to allow you choos-ing of these ones which compatible with any of needed content without changing the philosophy of your brand.

Just choose & make a match logo con-tent for any of your business purpose.

Page 8: Brand Identity Guideline

BrandsName

Est

‘72

Logo ElementYour logo has several element of final design, we made these element considered of your brand phylosophy, vision & mision of your own brand as explained in the contract.

Ga. Pedicatur archilia et, venihicae rem sandae. Piet arciis ex et prestiant.Nam aut re plite ni re sed ex eum erum que explam, sent velendel inimus dolupita dolo quias doluptat rernat facerfero dolum volum arcillut voluptiscia conse mil im qui

Ga. Pedicatur archilia et, venihicae rem sandae. Piet arciis ex et prestiant.Nam aut re plite ni re sed ex eum erum que explam, sent velendel inimus dolupita dolo.Utendam, officil imus inctemodios si

Ga. Pedicatur archilia et, venihicae rem sandae. Piet arciis ex et prestiant.

Ga. Pedicatur archilia et, venihicae rem sandae. Piet arciis ex et prestiant.Nam aut re plite ni re sed ex eum erum que explam, sent velendel inimus dolu

Page 9: Brand Identity Guideline

Est

‘72 Est ‘72

Est

‘72

BrandsName

Est

‘72

Est ‘72

Your Brand

MisuseThe method of designed logo was trial & error, here we show you some logos error during designed of ones. For the first list you could see three logo without the circle element and the error of typography , positioning & shape.

The 2nd List show you error design with circle element in ones aspects.

Page 10: Brand Identity Guideline

Colors2

Colors UsedPrimary colour were the usual used of main aspect of Brand as influenced of user experience & help growing up the brand with marketing strategies trought brand domnan color based to your brand carac-teristic.

Accent color got the second rule of brand interface solor complement, it’s savvy primery ones on tracking the interesting.

Primary Color 1 Primary Color 2 Primary Color 3

Accent Color 4 Accent Color 5 Accent Color 6

1 2 3

4 5 6

Page 11: Brand Identity Guideline

Colors BreakdownThe main color have several breakdown colors related of tint effect, here we use 20% of tint increament as international standard for branding identity design.

Ps ;The colors infographic were handmade using Indesign rectangler & modified with pathfinder to reounded rectanglers shape.

CMYK 00%, 00%, 00%, 00%

RGB 000, 000, 000

Web #000000Pantone

#111

1 2 3 4

Red

00%

00%

00%

00%

Cyan

00%

00%

00%

00%

Dark

00%

00%

00%

00%

Light

00%

00%

00%

00%

CMYK 00%, 00%, 00%, 00%

RGB 000, 000, 000

Web #000000Pantone

#111

CMYK 00%, 00%, 00%, 00%

RGB 000, 000, 000

Web #000000Pantone

#111

CMYK 00%, 00%, 00%, 00%

RGB 000, 000, 000

Web #000000Pantone

#111

Page 12: Brand Identity Guideline

Font UsedFont was essential element to provived the best content of brand, and for your brand identity we choose “Aller Family Font” of every single content from logo to text media contents.

The Aller family font have several style as you could see beside ths ribbon that con-sist of regular, italic, bold & bold italic.

Every families of font must been placed & replaced related to typography rule of design manual.

Typeface3

ABCDEFGHIJKLMNOPQRSTU-VWXYZabcdefghijklmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

•All Glyphs

•Reguler StyleABCDEFGHIJKLMNOPQRSTU-VWXYZabcdefghijklmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

•Italic StyleABCDEFGHIJKLMNOPQRSTU-VWXYZabcdefghijklmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

•Bold StyleABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

•Bold Italic StyleABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

Page 13: Brand Identity Guideline

....

....

....

....

Types CaracterCaracter of type have some rule of made ones as heading, title, subtitle, body coy, caption, etc. it’s imposible to Us to explaine you one by one, so please see the text book or just browe throught google for digesting ones.

T1 (Title) - Aller 24/28.8ptABCDEFGHIJKLmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

H1 (Headline) - Aller 18/21.6pt

ABCDEFGHIJKLmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

BC (Body Copy) - Aller 12/14.4pt

ABCDEFGHIJKLmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

Caption (Subtitle) - Aller 9/10.8pt

ABCDEFGHIJKLmnopqrstuvxyz1234567890 !@#$%^&*()<?>/

Page 14: Brand Identity Guideline

Opentype FeaturesInternasional font have several format, eq: opentype font (OTF), True type font (TTF),, web font (SVG) etc. the Allers font provide OTF version that mean allows you to of using more feature of one, you could used opentype savvy program like adobe ilustra-tor (AI) & adobe Indesign.

•Standard Ligature

ff, fi, fl, ffi, ffl..•Discreationary Ligature

Type if available...•Stylistic Alternate

Type if available...•Contextual Alternate

Type if available...

LigaturesLigature is basci feature for all font as join-ning every single caracter when you type the contens.

Page 15: Brand Identity Guideline

.... ....

.... ....

.... ....

All GlyphsGlyphs are all of font caracter provided with type foundry designer consist of swash, ordinal, puntuation, superscript, subscript,symbol, etc.

The glyphs were not in same number of every single font related to ones dsigner providing.

swashs

ABCDEFGHIJKLM-NOPQRSTUVWXYZabcdefghijklm-nopqrstuvxyz

Ordinals

1234567890

Puntuations

!@#$%^&*()<?>/

Superscripts^* 1 2 3 4 5 6 7 8 9 0

Subscript

,._

Symbols

Ω π etc

Page 16: Brand Identity Guideline

Ga. Pedicatur archilia et, venihicaeHarum consedis mosseque endam eos reriat quiaBis accabor sequam, cuptaquid

p.+12 2234 55 .ext-22e. [email protected]

Ga. Pedicatur archilia et, venihicaeHarum consedis mosseque endam eos reriat quiaBis accabor sequam, cuptaquid

StationeriesWe were used several vector to show you off how your brand would held after design proccess completed, all of these stationery element included in the file given you after as attached in .zip folder, you could add of remove as needed.

Stationery4

Page 17: Brand Identity Guideline

LetterheadPlease note that the sample letterhead beside this ribbon was .png image format, calm down you we included the original layouts design as .eps format, it’s mean you could edit it throught adobe ilustrator with some guides line to make your design more neat and steady.

Page 18: Brand Identity Guideline

-Your Brand-

FashionWe tried to show you off how your brand work if you applying it to some marchan-dise s, it’s to convice you that the brand identity design work on more after apply-ing to several real product like these ones shown beside this ribbon, so if you have any feedback about this applied sample don’t be hessitate to contact us for commu-nication.

Marchandise5

Page 19: Brand Identity Guideline
Page 20: Brand Identity Guideline

VintageAgain We tried to show & conviced you how your brand work with the real condi-tion using mouck ups product, so you could assess of the brands quality after apliying letter.

Ps:pelase note the image was the previews only and not included in main file, but the link to got these ones explained inside readme.

Preview6

Page 21: Brand Identity Guideline
Page 22: Brand Identity Guideline

PreviewAgain We tried to show & conviced you how your brand work with the real condi-tion using mouck ups product, so you could assess of the brands quality after apliying letter.

Ps:pelase note the image was the previews only and not included in main file, but the link to got these ones explained inside readme.

Page 23: Brand Identity Guideline

BrandsName

Est

‘72

Page 24: Brand Identity Guideline

HomepageThese We show You how your brand work throught PC or MAC media, for your website homepage, all of them ust previews only, you could replace with your own of real corporate website and contens.

Digital7

Page 25: Brand Identity Guideline

Denda aut di dit fugit vitiis modis ex et aut quamet

DendaDenda aut

Obitiore autamet aut ea doluptis consequiam, con cuptam quia Ullacius anihilita non recte voluptur similig-enis explandesed quam quid et occus, se parum ulla corBusdam volupta tisimag nisimilliam quiam ipsaeperae porro ma prorest, comnia alisto conseque veria nosam de reped et liciasit faceperi blabore quo es iliae. Obitiss imporehendem arum duntur?

Page 26: Brand Identity Guideline

Denda aut di dit fugit vitiis modis ex et aut quamet

DendaDenda aut

Ullacius anihilita non recte voluptur similigenis explandesed quam quid et occus, se parum ulla corAt aut as es et lignatibus adis rae remrae voluptas apidus simi, qui aut estio doloresed moluptat adit am

Ullacius anihilita non recte voluptur similigenis explandesed quam quid et occus, se parum ulla corAt aut as es et lignatibus adis rae remrae voluptas apidus simi, qui aut estio doloresed moluptat adit am

Page 27: Brand Identity Guideline

Denda aut di dit fugit vitiis modis ex et aut quamet

DendaDenda aut

Obitiore autamet aut ea doluptis consequiam, con cuptam quia conseque pariatur sequi omnias quos deliquid moluptatur,Od maximus antioste diatur maionse ctotatia con ped que et a sus dendam dolende mporiorestis eius illiquam unt as ea vel ipsant

Ullacius anihilita non recte voluptur similigenis explandesed quam quid et occus, se parum ulla corIquae volupti untiorest que es et liquam, to denis dolup-tat aut event,Agnam hil illit, cum volor aut voluptas maio volorrum nonseque pereptaquas si ius etum harchilit, que consectur as et maximus mint eos con

Iscit lam, odis dolupit ut et liamendelit volorem eossimi nciaercidus pro experiberes dolore voluptatibus ere, sed magnis es pario most, optam, eseres quaspienis aut in reiciet optinverit et modis sundam arum core voluptaectem fuga. Et at maior moles voluptaquat aut pre nia nus, et re nihictem volupta tureiur sin cuptatinus et et accusti ommod quis ut apid qui in prepraecae. Ut ex earum re dolessuntem fugit excerumet liquiatur, et reptatium dolumqui berum quodist, expliqui ulluptate aut a volore voloriAbore perfernati te odit quasper sperum nectaquis nonsequi delique niendignime re dolorerunt quassin imilit eventotaecum quamus et quaeped quia ditempo remolor ectota coribuscid quis adita dolore prae id magnatur, abores accab ium fugitate pos parchillauda quos presedi officit, qui beaquati quae earis voluptiatias dolupta speris esserum faccull aborerspe aut ad quuntibuscid ullende mporiorion restor anducii scipis unt dolenes equidendae veliquos intibus apidit,

Page 28: Brand Identity Guideline

Apps Logo PreviewThese We show You how your brand work throught Mobile, Table & other gadgets me-dia for your apps homepage, all of them ust previews only, you could replace with your own of real corporate website and contens.

App8

Mobile Preview

Tablet Preview

Page 29: Brand Identity Guideline

Wireframe BreakdownThe wireframe preview allow you to con-sider the using of ones, here we help you with several ones to hepl you when aplied them to your real content of brand.

for purchaser please replace these provid-ed wireframing sample as your own design related to brand design identity projects philosophy.

These bipmaps include in main file just ti make easy of making & finishing this brand-book to your client.

Page 30: Brand Identity Guideline

CasualPlease select several provided icons for applying on your brand purpose, the icons were free to use for personal & commer-cial, please note if you some other icons, please contact but we have to charge you $1 for every single requested icon, and the charge include of flat ones.

Iconic9

Icon Name Icon Name Icon Name

Icon Name Icon Name Icon Name

Page 31: Brand Identity Guideline

Flats StylePlease select several provided icons for applying on your brand purpose, the icons were free to use for personal & commer-cial, please note if you some other icons, please contact but we have to charge you $1 for every single requested icon, and the charge include of flat ones.

Icon Name Icon Name Icon Name

Icon Name Icon Name Icon Name

Page 32: Brand Identity Guideline

AdvertisingWe use mouckups just to show you how your brand works at public area for market-ing purpose, that only to convice you we were work on the rule, and for next brand marketing colsulting please contact us we ‘ill serve you with just a litle charge as you were our loyal clien, cheer... !

Marketing10

Page 33: Brand Identity Guideline
Page 34: Brand Identity Guideline

Potographs EffectTo add your brand more eleghan, you should add some potograph effects to your images, here we teach you multiply one, so just follow the direction and enjoy..

Imagery

Multiply Botton Layer : Full ColorEffect : 100%Blending Mode : Normal

Top Layer : Black & WhiteEffect : 100%

Blending Mode : Multiply

Please make a rectangler shape on your sheetswork and give your brand color, then patch with your own image, drag your mouse to effects pallete & change the normal with multiply tool.

11

Page 35: Brand Identity Guideline
Page 36: Brand Identity Guideline

•Bokeh Effect

•Vintage Effect

•Long Exposure•Fill Flash

Page 37: Brand Identity Guideline

BizzDistrict.

All Of Your Brand Aspect Has Been Explained Through This Manual, Don’t Be Hessitate To Contact Us Any-time If You Got Some Difficulties..

E. [email protected]. +11 2345 11 3221f. yourfacebookIDt. @yourtwitter

Uleekareng st, 221kav 102 #44Banda Aceh, AcehIndonesia

Page 38: Brand Identity Guideline