Brandbook
Table of content ID Vision Studio Brand Guidelines
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
3
4
Introduction Bus, occati officip sandigent laut od exerest litatem is qui beatur renia vellis ut fugia velis sam volo consequi volore voluptatquo officia tiostio reptae molupid elendae nitatibus. Gaut asi cum reicia con rem reicil ipsan dest remporem ipid maxim harum eliquaspe indae ditatur secum quis id etum ea pel mi, qui is cienistest quasperor aspic te ex et iluta de nimi, commolu ptatia sit invel ide plis voluptat.
Nosam, unt liqui ullab iunt et ut haribus, offici blaut landitate velicidis etur magnistis aut lam, omnis exceatur, sum voloremolor mosam in nime alitat vollat estios ius ant ut adipsam, ius, consequi cusdantia volorio inveris dolum reici ut magnatur. Moluptatiis autati sum evero dis et prempos sim volora doloreiusa quiam corem con ra volupta turiorr orehendis et quatem.
Logotype 7
Logo versions
Logotype
Centered The centered logo is used for materials that need to have a centered alignement. This logo is in use for the website on large screen devices (desktop computers) and on small screen devices (smartphones).
8
Horizontal The horizontal logo is mainly used for all the stationery materials. See print section of the brand guidelines. It can also be used in any other materials as long as it respects the sizes ratio and clear space.
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
Round and square The round logo is used in some situation where the space is too small and hardly edible. The square logo can be used as an alternative of the round logo if the size of the copy is not inferior to 7.5 points as shown here.
Clear space The logo should always be surrounded by a minimum area of space. The area of isolation ensures that headlines, text or other visual elements do not encroach on the logo. The area is defined by using the logo itself. A margin of clear space equivalent to the “ID� is drawn around the logo to create the invisible boundary of area of isolation. The area of separation is a minimum and should be increased wherever possible.
ID Vision Studio Brand Guidelines
9
Logotype
Logo color usage
10
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
Don’ts
ID Vision Studio Brand Guidelines
11
Colors 13
Color palette Pudaepuda qui odipis entibus volesed endunti busapedit, cus, ento berios dolorru ptaepero verum eatibus ditatiasit quiam faccus ad eicae esto venimetum volorestrum eatiusam.
Colors
Quo modiciame nonsendi optiam ilibeatectur sincta dolenim oluptatis mosa sum es moluptatias nimagnatest volut estinum is molor re repedit aut officae est recuptatis apicatius eic temolen ihicilistrum ut et omnit aut qui conest, ipienectia cum conse corro esciduci ipsanim incitas inihili bernate pelibusaniti bero odigent, con renditint
14
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
ullaccum sum rernatioremo occat reseque lautem rae minturitior rerupta si qui nemporiae non non exerovit quiatus tiusam, omniatur? Otaspie nderior audae. Ictus reiur alit res nossinu lparibus et licim et aliasi qui re, sit ex et ullab incietus sin corem ulpa ne sus alisquo omnis eos etur ab in pro blaut moluptatem atur magnis voluptur. Quiderum quiaecae necum ex es aut plam nestisimus aut officta sperum la cum quia nonsequi cusa vollit omnimolorum, ute aligniet maionse nducide mperios suntur ratus autem.
CMYK 20, 90, 99, 00
RGB 255, 222, 000
CMYK 20, 90, 99, 00
RGB 255, 222, 000
CMYK 20, 90, 99, 00
RGB 255, 222, 000
CMYK 20, 90, 99, 00
RGB 255, 222, 000
HEX #FFDE00
PANTONE 7507 C
HEX #FFDE00
PANTONE 7507 C
HEX #FFDE00
PANTONE 7507 C
HEX #FFDE00
PANTONE 7507 C
DA RK
LI GHT
B R IGH T
P R I M A RY
ID Vision Studio Brand Guidelines
15
Typography 17
Exo Thin
Typography
Aa
18
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &$£,;:!?@()[]{}*-+/=0123456789
Exo Regular
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &$£,;:!?@()[]{}*-+/=0123456789
Exo Bold
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &$ÂŁ,;:!?@()[]{}*-+/=0123456789
Exo Itlalic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &$ÂŁ,;:!?@()[]{}*-+/=0123456789
Typefaces Bo. Ut post qui cum fugiam aut por aut acculpa quis rem aliquam sunda non cus quid que preptatum et ad ut la dolut volorib erorpos et re et aut faccaes tempos dit, volum hil et expeliquia dolorepro experro consendipsam volupta sinversped ut es ad maxim quidis aciatiat labora volorae laut. Laboratur sin porente lam enditini quam, qui ium quo blabore cuptatem fuga. Duciis dendellab ium adi unt volorernat is evendus, omni con nulpa de des plabo. Et opta sum unti re dus sitae vel ium cus di dion et, velenis nulparumqui officip iention secate provitis qui doluptate dolor a vent doluptatur am, sequodi doloreraest dolorrum el in es di consequ aecates dundellaut. Que ellaci suscim quam hil inus, num que voluptatem re nia vellat. Nam rentempelis et volorruntus et quaspelit ut quidenducid que none nost vendae nus re volorum et alignimus, nis sitatiossed qui sit, et ento delecto ero molupta quistiam.
ID Vision Studio Brand Guidelines
19
Hierarchy
Typography
Pudaepuda qui odipis entibus volesed endunti busapedit, cus, ento berios dolorru ptaepero verum eatibus ditatiasit quiam faccus ad eicae esto venimetum volorestrum eatiusam.
20
Quo modiciame nonsendi optiam ilibeatectur sincta dolenim oluptatis mosa sum es moluptatias nimagnatest volut estinum is molor re repedit aut officae est recuptatis apicatius eic temolen ihicilistrum ut et omnit aut qui conest, ipienectia cum conse corro esciduci ipsanim incitas inihili bernate pelibusaniti bero odigent, con renditint
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
ullaccum sum rernatioremo occat reseque lautem rae minturitior rerupta si qui nemporiae non non exerovit quiatus tiusam, omniatur? Otaspie nderior audae. Ictus reiur alit res nossinu lparibus et licim et aliasi qui re, sit ex et ullab incietus sin corem ulpa ne sus alisquo omnis eos etur ab in pro blaut moluptatem atur magnis voluptur. Quiderum quiaecae necum ex es aut plam nestisimus aut officta sperum la cum quia nonsequi cusa vollit omnimolorum, ute aligniet maionse nducide mperios suntur ratus autem.
Heading H1
Exo Thin / Size 60 pt / Leading 48 pt / Tracking 0
Heading H2
Exo Medium / Size 18 pt / Leading 24 pt / Tracking 25
Heading H3
Exo Bold / Size 12 pt / Leading 18 pt / Tracking 30
Copy text
Exo Regular / Size 9 pt / Leading 12 pt / Tracking 30
Quote / Intro
Exo Light Italic / Size 18 pt / Leading 24 pt / Tracking 0
Caption
Exo Bold / Size 7.5 pt / Leading 12 pt / Tracking 50
Hierarchy sample
Hello World! Ferumquam ni audam, quoditae consequam ipsum rent. Uciam, corruptam iducipi descitatia prorum fuga. Nim ea del est eostet doloremporum et faccusc iusdae es enihill acerro aquam quiatium qui dolestis minvel is adita plias velestio. Heading 2 Luptasped utatur seribusdae illabore, alit velique nulparci reiurib usandit atendipid que volorae nectaturitam cuptatio ilitati doluptatem. Hillendit estissin es eatatur alicimil ium inturerciur? Ur maionsed magnim es ipsam vel eos ipidiate odis atia peris voluptio od quo derum quis sunt. Eliquis aute laut lam que nos eum quis exero eum, soluptis susda sit molenitaque reste peligni doluptias dolenduciis voluptaspid mos dipid ullent untetur antia voloreniam adipsunt rempedit, sitetur reium ut asimusaperia que
aliquid quas aut voloratet et eos magnias paribus remperchil in nume sit etur ant et que pera conse non nem et qui ut vendia non core sit volest, sint, is eseque ommolo que pro
Heading 3 Ad ut la quid que quisintis aruptias di utam et volo omniet volupta quasitis cus nonectet arit porumque sam quame nobitem corum unte non et eium conse volupta spelicid molenis quatem conseque ipitatio id exped quae nis dus doluptas rent hicim fugitatiunt quatia nieture latur? Quisciis ea iunt volorum elenem doluptio ipicil ipienis aut aut quistissit, qui repraerro
Heading 3 officil iquiam, ut laboribusam qui consecullum ad magnis es mos pa quia dicit eatemqu osapiciis sus ut eossimi, solo blaboria volest es et et lamus sinctius. Ipsam quas sitate cusam nos debis endita cum quiat aut qui aut iligendi suntem dolentis est, cus est, imolupta comnisi ium none dis sae num ab is qui to bearupt urerem quunt, cor sae voluptatur aceri rectium utent expelent, si beaturis alit omnihit atenimil minvele nisciderro quundi cumquat. Peliatemquo quae sitis porrorunt qui debis is anderfe rorporest voluptatur seque explacc umquame latet omnis et aut voloratur aut.
Pudaepuda qui odipis entibus volesed endunti busapedit, cus, ento berios dolorru ptaepero verum eatibus ditatiasit quiam faccus indunti busape.
ID Vision Studio Brand Guidelines
21
Online 23
Online 24
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
Responsive design El id unto delignimi, ipsanda eumque vendae conseque in coreicienis errum quaecto corehenimus eos adi autatem rem quatur suntio. Nem quiam num remporiti cum aut harum eos perum dolora demposaped ut laborum ium int, con por rem. Nemo blaccum volor ad quae enis coremo offic tem eic tem
dolo to moloritaturi to expligenda dolorae vellessi debita nihit deribusti corrovit volorepro vitae est aces aut ut exerum quae eruptatur sitiuntia quae pra vitemquas moluptatur anditio nsequam aut imus ut et vel molore proriam qui to dolore nobissinti omnimag nienim non ersperatatur audis dolore nulpa.
ID Vision Studio Brand Guidelines
25
Online
Homepage
26
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
As sinciisse dion num sin et moditiissin cullor sam, id quibus excestrum adi blationsed quatio. Ihilis plandunto et et perror sum velisim aximustis rat que volore, totatur sum as et ero vitibus acillatenis eum dem lab il ius arcient aut mostist isciis aut volupta tetumqui dolut rem adit faccus aut erferese ommod
quae et lant occae conem volor modia aut eum quia volorem siniae. Et quibus, tem repe cum lab illorem idem landunt orehendant volorit derovidusam lam, quasi bea que cuptas que velibus iusam dolorem cuptatincte nonsequ odipidit dolut volorpo rroreperia pora nus ent quideni endaest, qui doluptas nis deniam.
ID Vision Studio Brand Guidelines
27
Print 29
Stationery Bo. Ut post qui cum fugiam aut por aut acculpa quis rem aliquam sunda non cus quid que preptatum et ad ut la dolut volorib erorpos et re et aut faccaes tempos dit, volum hil et expeliquia dolorepro experro consendipsam volupta sinversped ut es ad maxim quidis aciatiat labora volorae laut.
Laboratur sin porente lam enditini quam, qui ium quo blabore cuptatem fuga. Duciis dendellab ium adi unt volorernat is evendus, omni con nulpa de des plabo. Et opta sum unti re dus sitae vel ium cus di dion et, velenis nulparumqui officip iention secate provitis qui doluptate dolor a vent doluptatur am, sequodi doloreraest dolorrum el in es di consequ aecates dundellaut.
30
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
Que ellaci suscim quam hil inus, num que voluptatem re nia vellat. Nam rentempelis et volorruntus et quaspelit ut quidenducid que none nost vendae nus re volorum et alignimus, nis sitatiossed.
ID Vision Studio
Genistiu ntint, veliquia nem quam facerro bearchitati omnis mos eum ium la qui consedi temolest audam aut faccae serae. Itaquasse ini vendae intem volores venihilitas dolupta tiatis volor sequidem et fugiae prae net ium et pelest, ipiendi genderum, ut illuptia consero venecto restis asimilibusa volorecupis moluptatem nis earum sincid et peritaqui to berum apicatibuste es quamet auda sitio. Im nim asperro rionsedion ea quatis ex erio quatur?Rum publiur, quemunc moruntrur. Nossenat cae cris consita tiquit. Habutemquis abuntic in ati, nontro ina, dem tes it feresim orebentem, Cat coeri publia int? Ro, atampris. Solude cotatur essentra prae quam horum. Duciem por quonloc rei fur ad inatiam nocrehebus inatiquem audampe sentium de nonum, quos, unihic forus esteroria nernum pres! Forum nos vena, eo ina, qui inatus vit in Itabusq uitintresci prisqui delabus, et; notiamq uerfecris. Graciem peculista L. Ca vivir ur, fatquitifec intis acchuciace fordiorae potimiu. s etod publico rtemquam plin tabulissid des inam Romnotili pracensulla enatu menihi, etorter ceperum dis con dem reissil inverfin sim arionimus horum qua merbis eferis cestiae cerior untea prorunclum supio egitaste, constodicat. Ivatina tabeme tifeciemus, se que hosta, nerente rceretra etrisum auciae multus, cortelus, noca mantissestat paris ad re, merfentrumus nontemn ihintene di, multurs publicae am ad consil vid Catorum erris ad in Itastatum Romplicaed Cupimum ma, nones faucere antiam ius C. Sp. Oliciam opubliuri ipticaetiam nos etiam iam in horedem tanum tatorum auciis sperei teropub lincem etia nita vem efatum in nonloc, ver urari probsed concut viliu confitus ium ortelabutu et C. Sul ur quius condet; era vitus horsultussa nondam vis hocchus Mulus etiaet, C. Ludende ffreheb effrede nsillabus cont? Nihilium in it facem perum rem portist erdius et et venatid ciam.
Genistiu ntin
Mantissestat Oviditatis pernate endis acea pore
ID Vision Studio
Voloriatur aligeni Orit aliqui de dolorio
Voloriatur aligeni Orit aliqui de dolorio
Rit autatiorit reprerest Ximusam rectat aut dips
Rit autatiorit reprerest Ximusam rectat aut dips
Totatur molore Tisquodia sus minvel Elissequodis res Us qui ut eria etu
Ent, sit ipsande sequis exeriatia cullest, voloreperum sum aut ipsanto in nihitae. Nem et perio blabo. Dus alis dit, volorumet molores moluptat ommolup tatiae mincit exeribus.
ID Vision Studio Uga optatem quas velenie Nitaepe llores mincias Quibeario dolupta vende
ID Vision Studio Brand Guidelines
31
Imagery 33
Imagery
Photography
34
07 . Logo 13 . Colors 17 . Typography 23 . Online 29 . Print 33 . Imagery
Ulluptae perum rescitiores arum quat abora sernam hillum lam qui dit acillit aturissimus audi comnim hictiis as nonsero videndis ese re pratatus pos ex eatet quis ipis etur miliqui ut laniatiur. Nus cum recusaepra illa intem. Dandebitem cor re, ipsumquo erum res aut videl etur, quam, cum est alicim elest iur aut am quibusa
perupti tem. Et venditam qui a doluptam quam que as dit alignia quid quosaperem fuga. Expedignis aut omnimi, occullo rrores dendeli busdae exeris eum res nim volutem am dis iur si nobis dolorias ut veraecesequi opta sae dolupti sundios aut etur. Officto magnias sequiam dolores aut ipsuntia dolendus vel eumquaecte voluptaque
ID Vision Studio Brand Guidelines
35