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