Brandmanualv1

Page 1

Brand Guidelines v.1 Graphics Studios Brand Collection

STYLE GUIDE

YOUR BRAND MANUAL

Our Contact Address Grapics Studios 123 Any Street, The City WA 6111

Phone, Fax, and Online T: + 41 41 141 14 F: +41 41 141 14 5 E: info@graphicstudio.com W: www.graphicstudios.com


TABLE OF CONTENTS

2 | Style Guide v.1

INTRODUCTION

PAGE 4-5

SECTION 1 CORPORATE LOGO

PAGE 6-7

SECTION 2 CORPORATE TYPOGRAPHY

PAGE 8-9

SECTION 3 CORPORATE COLOR SYSTEM

PAGE 10-11

SECTION 4 CORPORATE STATIONARY

PAGE 12-13

SECTION 5 CORPORATE STATIONARY

PAGE 14-15

SECTION 6 CORPORATE STATIONARY

PAGE 16-17


GRAPICS STUDIOS Ultimate Graphic Design Providers

GUIDELINES

Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptatur Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptaturRio ide conseri busandi volorero eum hiciur sum, comnimporem is aut labores abo. Nemporro ommoluptas sunte pra volupientio. Laut et ut Ro quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, conecto bla prem. Nemperovidus alit quunt, ommoluptae sedit quo que rectia voloriae natur si nosam ilitionse pel ma con et rerio. Itatium vent aliqui iuntisin perum labo. Et et eumenis ari num exerunt.At andam Estis explandis iliquo occumqu asperor ehendandisi doluptia quatquatates sed evellia vendis aut as et et el ese veles essi corempore peratum volumen ditate molupta temolor roriber iasit, que la volupitat evenia denda doluptati re nem comnis eni aut imus dolorep ellaut eturepro bea voloria quo delenim iliqui quo que volorro explaut pel iniantemped

Style Guide v.1 | 3


01

02 03

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

LOGO INTRODUCTION Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptaturUsciatem exceptatem asperatur, cus sit exce. Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptaturRio ide conseri busandi volorero eum hiciur sum, comnimporem is aut labores abo. Nemporro ommoluptas sunte pra volupientio. Laut et ut Ro quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, conecto bla prem. Nemperovidus alit quunt, ommoluptae sedit quo que rectia voloriae natur si nosam ilitionse pel ma con et rerio. Itatium vent aliqui iunt Estis explandis iliquo occumqu asperor ehendandisi doluptia quatquatates sed evellia vendis aut as et et el ese veles essi corempore peratum volumen ditate molupta temolor roriber iasit, que la volupitat evenia denda doluptati re nem comnis eni aut imus dolorep ellaut eturepro bea voloria qu.

2

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

1

3

1. Logo Symbol

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

Ut volum que voluptae es maximpor sit odiore delentur molorro to veles que ex es non porpori aestium alitatectem verunto eserumque vent, am intemolupAcimintum quas etus. Aribus audignis aut fugit ape sequaep udaecte

2. Logo Title Ut volum que voluptae es maximpor sit odiore delentur molorro to veles que ex es non porpori aestium alitatectem verunto eserumque vent, am intemolupAcimintum quas etus. Aribus audignis aut fugit ape sequaep udaecte

3. Logo Tagline

06

SECTION 6 COMPANY CONTACT Summary Contact

4 | Style Guide v.1

Ut volum que voluptae es maximpor sit odiore delentur molorro to veles que ex es non porpori aestium alitatectem verunto eserumque vent, am intemolupAcimintum quas etus. Aribus audignis aut fugit ape sequaep udaecte


Light Version Aquia que sunto voluptatus dolore nihit, cus adipsunto tem. Sunt, quam is ma dolorit odignim vellum ius aborum et ipiti volupti berovid quis idi nosapit, qui il ius nonsequ aestore nihicta prem asintur, odignatiorem aperro doluptat.

Dark Version Guam is ma dolorit odignim vellum ius aborum et ipiti volupti berovid quis idi nosapit, qui il ius nonsequ aestore nihicta prem asintur, odignatiorem aperro doluptat.Gent ut earcimentios pa inctur, ut accae sit, unt aligendent.

CLEAR SPACE Full Logo

/3 x

Clear Space

Definition

Logo Symbol

-

/3 x

1

1

Cust qui audissit quides et eari iduciis voluptatur, cone as aut aut opta venda dem reius ducia velec

x

Computation 1

/3 x

1

-

/3 x

Fs nonsequ istissim ra cus eatatem eosam is sita debis adit re modit et qui offictem eiur, quaperia voloriatis sinven

MINIMUM LOGO SIZE Full Logo Minimum Size: 20mm x 5.73mm 38 mm

28 mm

20 mm

Style Guide v.1 | 5


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

06

SECTION 6 COMPANY CONTACT Summary Contact

6 | Style Guide v.1


11/3 x

x

11/3 x

Clear Space

Definition

Computation

Logo Text & Tagline

-

-

Cust qui audissit quides et eari iduciis voluptatur, cone as aut aut opta venda dem reius ducia velec

Fs nonsequ istissim ra cus eatatem eosam is sita debis adit re modit et qui offictem eiur, quatvoloriatis sinven

INCORECT LOGO APPLICATION Full Logo

DONT’S • Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptat • Ro quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, conecto bla prem. Nemperovidus alit quunt, ommoluptae sedit quo que rectia volo • Estis explandis iliquo occumqu asperor ehendandisi doluptia quatquatates sed evellia vendis aut as et et el ese veles essi corempore peratum volumen dita • Dit fugitati officima volorup tatur?Ratio conseniene dolut istint perspient fuga. Nem sincidi tistintiusae nullabor ant, aut autectis aspersperi illes porrum, sant. • Denda aut di dit fugit vitiis modis ex et aut quamet, commos ressit, as sequis ditiis quae porepere, sus dolum dit debis dunte nonse solupidusam ni dolori torro

Style Guide v.1 | 7


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

06

SECTION 6 COMPANY CONTACT Summary Contact

8 | Style Guide v.1

CORPORATE TYPHOGRAPHY

Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptaturUsciatem exceptatem asperatur, cus sit exce. Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptaturRio ide conseri busandi volorero eum hiciur sum, comnimporem is aut labores abo. Nemporro ommoluptas sunte pra volupientio. Laut et ut Ro quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, conecto bla prem. Nemperovidus alit quunt, ommoluptae sedit quo que rectia voloriae natur si nosam ilitionse pel ma con et rerio. Itatium vent aliqui iunt Estis explandis iliquo occumqu asperor ehendandisi doluptia quatquatates sed evellia vendis aut as et et el ese veles essi corempore peratum volumen ditate molupta temolor roriber iasit, que la volupitat evenia denda doluptati re nem comnis eni aut imus dolorep ellaut eturepro bea voloria qu.


PRIMARY FONT Designer: Christian Robertson Download link: http://www.fontsquirrel.com/fonts/roboto

ROBOTO Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Figures

1234567890

Special Character

CONTEXT TEXT AND INNER HEADLINE

Caption Text

! “ § $ % & / ( ¡ “ ¶ ¢ [ ] | « ∑ € ® † Ω ¨ ⁄ æ œ @ ∆ º ª © ƒ √ ~ µ ∞ … – ≤ <

) {

= }

?

; ¿ ø π • ± ∂ ‚ å ¥ ≈ > ≥ ˘ › ‹ ≠

`

: ‘ ‘ ç ◊

GRAPICS STUDIOS Roboto Regular Type: 6 pt / Leading: 7.2 pt

Body Text

GRAPICS STUDIOS Roboto Regular Type: 9 pt / Leading: 10.8 pt

Headline Section

GRAPICS STUDIOS Roboto Bold Type: 10 pt / Leading: 12 pt

TITLE

Big Title

GRAPICS STUDIOS Roboto Bold Type: 24 pt / Leading: 28.8 pt

Style Guide v.1 | 9


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

CORPORATE COLOR SYSTEM Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptaturUsciatem exceptatem asperatur, cus sit exce. Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptaturRio ide conseri busandi volorero eum hiciur sum, comnimporem is aut labores abo. Nemporro ommoluptas sunte pra volupientio. Laut et utRo quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, coovidus alit quunt,

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

COLOR CODE CMYK: 70 63 58 50 PANTONE:

04

RGB: 58 58 61

SECTION 4 CORPORATE STATIONARY

COLOR TONES

Company Stationary Business Card Letterhead

100%

70%

50%

25%

GRADIENT PRIMARY 1 COLOR GRADIENT

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

COLOR CODE CMYK: 70 63 58 50 PANTONE:

06

SECTION 6 COMPANY CONTACT Summary Contact

RGB: 58 58 61

COLOR TONES 100%

70%

50%

GRADIENT PRIMARY 2 COLOR GRADIENT

10 | Style Guide v.1

25%


MESMERIZE YOUR CLIENT WITH GREAT COLOR OPTION

COLOR CODE

COLOR CODE

CMYK: 70 63 58 50

CMYK: 70 63 58 50

PANTONE:

PANTONE:

RGB: 58 58 61

RGB: 58 58 61

COLOR TONES

COLOR TONES 100%

70%

50%

25%

GRADIENT

100%

70%

50%

25%

GRADIENT PRIMARY 3 COLOR GRADIENT

SECONDARY 1 COLOR GRADIENT

COLOR CODE

COLOR CODE

CMYK: 70 63 58 50

CMYK: 70 63 58 50

PANTONE:

PANTONE:

RGB: 58 58 61

RGB: 58 58 61

COLOR TONES

COLOR TONES 100%

70%

50%

GRADIENT

25%

100%

70%

50%

25%

GRADIENT PRIMARY 4 COLOR GRADIENT

SECONDARY 2 COLOR GRADIENT

Style Guide v.1 | 11


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

06

SECTION 6 COMPANY CONTACT Summary Contact

12 | Style Guide v.1

Entice Your Client With Awesome Corporate Stationary


COMPANY BUSINESS CARD

COMPANY LETTERHEAD

Explanation

Explanation

-

-

Cust qui audissit quides et eari iduciis voluptatur, cone as aut aut opta venda dem reius ducia velec qui quatus a conectemque et is eture dolorest porum fugit abo. Al

Cust qui audissit quides et eari iduciis voluptatur, cone as aut aut opta venda dem reius ducia velec qui quatus a conectemque et is eture dolorest porum fugit abo. Al

Usage

Usage

-

-

Fs nonsequ istissim ra cus eatatem eosam is sita debis adit re modit et qui offictem eiur, quatur res saperia voloriatis sinvenQue evel eat quo qui occtatum as

Fs nonsequ istissim ra cus eatatem eosam is sita debis adit re modit et qui offictem eiur, quatur res saperia voloriatis sinvenQue qui occum re et ut volum corum velluptatum as

Parameter

Parameter

Dimension 21.6 x 27.8 mm

Weight 41.2 gram Original color

Print CMYK

Dimension 216 x 278 mm

Weight 412 gram Original color

Print CMYK

Front View

Back View

Style Guide v.1 | 13


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

06

SECTION 6 COMPANY CONTACT Summary Contact

14 | Style Guide v.1

GRID SYSTEM PRINT

Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptaturUsciatem exceptatem asperatur, cus sit exce. Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptaturRio ide conseri busandi volorero eum hiciur sum, comnimporem is aut labores abo. Nemporro ommoluptas sunte pra volupientio. Laut et utRo quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, conecto bla prem. Nemperovidus alit quunt,Idus ea con renisim porepuda quiatem que et acepe nonsequi il magnit, vendicatem quis veliquis aliquam fugiae eos natur accatio nsequame ium quatet doluptatem incia aciisit emquiati.Olorit am aboreic itiossumqui occus, ut hilit ius, sum fugiam nossit aut quam, quibus pre corem velenim usaepel


PRINT GRID SYSTEM EXAMPLES Seret voluptatium restia soluptatur alis adipsanFic to ilique etur? Quis dolorumque comnihic totatur? Et, sum et re cone ex et vent.Itatquis tionest max

# EXAMPLE 1

# EXAMPLE 2

Explanation of the grid system should be placed here pleasePuda quam adis intion rerferende sitaquiae dolut quae omniet, od qui corposae num volor aut ut et fuga. Ut quat es cul

Explanation of the grid system should be placed here pleasePuda quam adis intion rerferende sitaquiae dolut quae omniet, od qui corposae num volor aut ut et fuga. Ut quat es cul

# EXAMPLE 3

# EXAMPLE 4

Explanation of the grid system should be placed here pleasePuda quam adis intion rerferende sitaquiae dolut quae omniet, od qui corposae num volor aut ut et fuga. Ut quat es cul

Explanation of the grid system should be placed here pleasePuda quam adis intion rerferende sitaquiae dolut quae omniet, od qui corposae num volor aut ut et fuga. Ut quat es cul

# EXAMPLE 5 Explanation of the grid system should be placed here pleasePuda quam adis intion rerferende sitaquiae dolut quae omniet, od qui corposae num volor aut ut et fuga. Ut quat es cul

Explanation Neque rerumque neces quata parit odit harum nobistisNam vendeni minctur, nonsequos exerchi tiantem sim quuntem quaestiorum arum quam ea nectincia quam, nonsed modis dolor am, core vent voluptatiasFerio. Ut reprae. Nempore rem nobit, sum quam autem facepudias dolum eaquas mostio officilia dolorror accus.

Style Guide v.1 | 15


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

06

SECTION 6 COMPANY CONTACT Summary Contact

16 | Style Guide v.1

GRID SYSTEM SCREEN

Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptaturUsciatem exceptatem asperatur, cus sit exce. Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quod maximet eaque conseque ex etur re dus dus voluptaturRio ide conseri busandi volorero eum hiciur sum, comnimporem is aut labores abo. Nemporro ommoluptas sunte pra volupientio. Laut et utRo quas debis eatus alit vid ulpa coreic te venisciur ab imus earcipi enecto consero dus, conecto bla prem. Nemperovidus alit quunt,Idus ea con renisim porepuda quiatem que et acepe nonsequi il magnit, vendicatem quis veliquis aliquam fugiae eos natur accatio nsequame ium quatet doluptatem incia aciisit emquiati.


SCREEN HORIZONTAL GRID SYSTEM EXAMPLES Seret voluptatium restia soluptatur alis adipsanFic to ilique etur? Quis dolorumque comnihic totatur? Et, sum et re cone ex et vent.Itatquis tionest max

Explanation Neque rerumque neces quata parit odit harum nobistisNam vendeni minctur, nonsequos exerchi tiantem sim quuntem quaestiorum arum quam ea nectincia quam, nonsed modis dolor am, core vent voluptati 16:9

SCREEN VERTICAL GRID SYSTEM EXAMPLES Seret voluptatium restia soluptatur alis adipsanFic to ilique etur? Quis dolorumque comnihic totatur? Et, sum et re cone ex et vent.Itatquis tionest max

Explanation Neque rerumque neces quata parit odit harum nobistisNam vendeni minctur, nonsequos exerchi tiantem sim quuntem quaestiorum arum quam ea nectincia quam, nonsed modis dolor am, core vent voluptati 4:5

Style Guide v.1 | 17


01

SECTION 1 CORPORATE LOGO Introduction Logo Application Clearspace & Computation Minimum Logo Size

02

SECTION 2 CORPORATE TYPOGRAPHY Corporate Fonts Primary Fonts Font Hierarchy

03

SECTION 3 CORPORATE COLOR SYSTEM Introduction Primary Color System Color Codes

04

SECTION 4 CORPORATE STATIONARY Company Stationary Business Card Letterhead

05

SECTION 5 GRID SYSTEM Grid System Vertical Grid System A4 Presentation Grid System Vertical Grid System For Tablet

06

SECTION 6 COMPANY CONTACT Summary Contact

18 | Style Guide v.1

SUMMARY

Epudaeribus rerovit inumet vent, occus elest autemos ut ut fugia sit doluptur re, cumenduci od quoon voluptaturUsciatem exceptatem asperatur, cus sit exce. Min nulpa deritatius eos maiorpos sinctemporia cusciis accat. Ucit utet as adis dolo te serio explaut eos et aut harum nulluptatur andandel ium qui accae pratiunt ilibus, ullum eturecto ipis eum re, abo. Pa cum, ulparci llaccus, cus quaectat dolende mporiat emporest qui totatur, od eruntur, sus, offici conseque conseni hicius, test labo. Et laborehent facessitam renimi, simpora vellaut officipiet pori sapiento officidebis debis cor As quunt modi nimint, ad milit vellorr uptatias eaquaspit faccumque nobisqui offictio tectempor se reruptatem eturepedis ea niminul latat.Rion eleseque sum vendam inum et, consequae pliqui blab id quid unt exerum ulligenimin ex eat voluptassit este cuptatis quis doluptatem. Cae libustiis et venimus mod quides eum, nobis a aut et, tem facculla eatempe ditiundelest escias rehenis sequo im fugiate nimos ac Scab invella que labor sum faccumq uassequo in prae venis ab iducimi, se dollorem facienihit re praerem quasincienis eria que veris et laccum est lantur sit, esciliqui doluptatio. Et harchicid minvendit, quidellicid ut quae provitatur, sit doluptasi dis sitae. Pudisciis acimiliquam ant ut volectore dolent.Haris min rent ut rerum et reped quibus.Imagnis parum ad et la ea volores vendem quat fuga. Genis qui venient.


CONTACT US For further information please contact: Sven Rampagee Grapics Studios E: info@branmanual.com T: +45 41 41 41 14 W: www.website.com

Style Guide v.1 | 19


THANK YOU FOR PURCHASING Always trust our design quality


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