Huisstijlgids Peeters ramen & deuren

Page 1



Inhoud Strategische nota

5

Logo

6

Wat mag niet

8

Kleuren

10

Typografie

11

Fotografie

12

Grafische elementen

13

Richtlijnen

14

Grafische uitingen

16

3



Strategische nota Peeters ramen en deuren is reeds 40 jaar een vaste waarde in de sector. Daardoor hebben ze veel ervaring en kennen ze hun stiel. Ze zijn de ideale partner bij nieuwbouw, verbouwingen en renovatie. Myriam en Bart runnen samen het bedrijf. Voor hen staat de klant steeds centraal. Ze vinden eerlijkheid tegenover hun klanten zeer belangrijk zodat er wederzijds vertrouwen is. Natuurlijk leveren ze ook steeds goede service, kwaliteitsvolle producten en vakkundige plaatsing. Kort samengevat staat Peeters ramen en deuren voor een betrouwbaar bedrijf met vakkundige kennis en ervaring. De archetypes die we hieraan koppelen zijn ‘The regular guy’, die het meeste opvalt door hun betrouwbaarheid, lage drempel en relatie met de klant, en ‘The sage’, die staat voor de kennis en ervaring van het bedrijf. De huisstijlgids is ontworpen op basis van deze archetypes.

5


Logo | Opbouw X X

X

X

X

X

X

X

Vrije ruimte binnen het logo Het is belangrijk dat de tekst proportioneel steeds even ver van de illustratie staat. De ruimte tussen de illustratie en de eerste zin is steeds Z, Z is de

Y

X

Q

Z

helft van X. De afstand tussen de illustratie en de tweede zin is steeds Q, Q is de helft van Z.

Vrije zone

Lettertype binnen het logo

Wanneer het logo ergens geplaatst wordt moet er steeds rekening gehouden worden met

Het lettertype dat gebruikt wordt in het logo is Source Sans Pro light. Het

een vooraf gedefinieerde vrije zone. Dit moet gebeuren zodat het logo steeds genoeg ruimte

is een schreefloos lettertype dat zakelijk overkomt, dit linken we met het

krijgt en het steeds goed gevisualiseerd wordt. De vrije zone wordt weergegeven met X. X is

archetype waar de organisatie op gebaseerd is, the sage. Er is gespeeld met

de breedte van de illustratie. Links, rechts en bovenaan moet er telkens 1 maal de X-breedte

de tussenruimte van de letters, er is meer witruimte gelaten tussen de letters,

vrij gelaten worden. Onderaan kan het verschillend zijn. Als de logotype onder het logo

dit maakt het logo visueel interessanter. De ‘P’ in Peeters is aangepast zodat er

gebruikt wordt moet hier 1,5 keer de X-breedte vrij gelaten worden. Op de afbeelding wordt

een link is naar de illustratie.

dit Y genoemd. Als de illustratie zonder de logotype wordt weergegeven is het voldoende om ook onderaan 1 maal de X-breedte te gebruiken. In de vrije zone mag dus geen andere

Het logo

tekst of afbeeldingen geplaatst worden. Deze instructies worden duidelijk gemaakt op

Het logo is gevormd uit een P van Peeters, een R van ramen en een D van

de afbeeldingen. Er mag steeds een grotere wit ruimte gebruikt worden, maar nooit een

deuren. Hier is één geheel uit gemaakt. Uit de P is een deeltje uitgesneden.

kleinere. Het logo mag proportioneel vergroot en verkleind worden. Minimum tot 20 mm

Deze P wordt ook gebruikt in de logotype zodat er een referentie is naar de

breedt. Het maximum is afhankelijk van het medium waarop het gebruikt wordt.

illustratie.


Logo | Varianties Zoals je ziet zijn er verschillende mogelijkheden voor het

1

gebruik van het logo. Het logo kan gebruikt worden met logotype (linkse kolom) of zonder logotype (tweede kolom). Het originele logo is het eerste logo, het logo met het verloop. Dit logo dient voornamelijk gebruikt te worden. Er zijn natuurlijk enkele uitzonderingen. Als het logo op een toepassing geplaatst wordt waar er niet op gedrukt/geprint kan worden zoals textiel waar op geborduurd wordt kan er gebruik gemaakt worden van de logo’s in de tweede rij. Deze logo’s zijn gemaakt zonder verloop, in één kleur en kan dus gebruikt worden om te borduren. Als het logo gebruikt wordt in een zwart/wit toepassing,

2

kunnen de logo’s van de derde rij gebruikt worden. Dit logo is enkel opgebouwd uit zwart en wit. Als het logo op een gekleurde achtergrond geplaatst wordt, mag dit enkel op een achtergrond met het verloop of de effen donker blauwe kleur, zoals weergegeven bij de logo’s aan de rechterkant. Hou wel zeker rekening met de vrije ruimte die rond het logo gebruikt moet worden, de richtlijnen hierrond zijn te vinden op pagina 6. Als het logo op de gekleurde achtergrond weergegeven wordt, moet deze minstens zo groot zijn als de

3

voorziene vrije ruimte, zoals te zien op de afbeelding. De achtergrond mag wel groter zijn. De kleuren die gebruikt worden, worden verder gespecificeerd op pagina 8. Deze dienen steeds juist gebruikt te worden. Ook het gebruik van het verloop wordt daar verder toegelicht.

7


Wat mag niet De kleuren van het logo aanpassen

Een extra kader toevoegen aan het logo

De verhoudingen van de logo-elementen wijzigen

Het logo op een andere kleur achtergrond plaatsen

Het logo op een foto of beeld platsen

De logo elementen van plaats veranderen


De oriĂŤntatie van het logo veranderen

Een schaduw of andere effecten

Het logo vervormen of uitrekken

toevoegen aan het logo

9


Kleuren CMYK 51 31 25 15

CMYK 51 31 25 15

CMYK 5 60 98 0

RGB 127 144 158

RGB 100 70 20 10

RGB 231 124 17

Hex #7F909E

Hex #004A82

Hex #E77C11

Pantone solid coated 430C

Pantone solid coated 301C

Pantone solid coated 144C

Pantone solid uncoated 430U

Pantone solid uncoated 301U

Pantone solid uncoated 144U

CMYK 51 31 25 50

CMYK 100 82 43 20

Linear radiënt

RGB 88 101 110

RGB 29 56 91

Links: CMYK 51 31 25 15

Hex #58656E

Hex #1D385B

Rechts: CMYK 73 37 0 0

Pantone solid coated 431C

Pantone solid coated 541C

Hoek -45°

Pantone solid uncoated 432U

Pantone solid uncoated 541U

Eén schuifregelaar op 62%

Kleuren Er worden verschillende kleuren gebruikt in de huisstijl. Hier staan alle kleuren met

dus ook gekoppeld worden aan beide archetypes. Oranje staat voor vriendelijkheid,

de juist geformuleerde naam voor elke toepassing. Er mogen geen andere kleuren

technologie en ernergie. Bij Peeters ramen en deuren staat de klant steeds centraal,

of tinten gebruikt worden. De kleuren zijn gekozen op basis van de gekoppelde

vriendelijkheid primeert dus erg. De kleur oranje geeft de huisstijl een extra

archetypes. Blauw is een neutrale kleur en staat voor wijsheid en waarheid, het wekt

dimensie, het geeft meer pit aan de uitstraling. Het oranje is niet bedoelt om in grote

vertrouwen op en straalt rust uit. Blauw kunnen we koppelen aan the regular guy,

vlakken te gebruiken, maar eerder om kleine details toe te voegen zodat de huisstijl

die staat voor vertrouwen, blauw kunnen we ook koppelen aan the sage, die staat

meer opvalt. Het verloop is ook gedefineerd. Het verloop mag nooit anders gebruikt

voor wijsheid. Grijs staat voor wijsheid, betrouwbaarheid en eerlijkheid. Grijs kan

worden zodat er constitentie ontstaat over heel de huisstijl.


Typografie In de nieuwe huisstijl wordt gebruik gemaakt van twee fonts, namelijk Source Serif

ook gekozen omdat ze grote letterfamilies hebben. Hierdoor kan er eindeloos

Pro en Source Sans Pro. De lettertypes zijn gekozen aan de hand van de archetypes

gecombineerd worden.

die bij de organisatie passen. De organisatie staat voor betrouwbaarheid waarbij het archetype the regular guy hoort, bij dit archtype past best een schreef lettertype dat

De minimumgrootte van het lettertype dat gebruikt mag worden is 8pt voor

niet te overweldigend is. De organisatie staat ook voor kennis en ervaring. Hierbij

bijvoorbeeld op het visitekaartje. De maximumgrootte hangt af van het medium

hoort een schreefloos lettertype dat zakelijk overkomt. De twee gekozen lettertypes

waarop het gebruikt wordt. Voor een groter medium zoals een grote banner naast

kunnen goed samen gebruikt worden, ze vullen elkaar aan. Deze lettertypes werden

de weg, mag de lettergrootte veel hoger liggen dan bijvoorbeeld op een visitekaartje.

Source Sans Pro Light

Source Serif Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwx yz 1234567890

Regular

Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv wx yz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Typografie titels

Typografie doorlopende tekst

De typografie die gebruikt wordt in de titels en het logo is Source Sans Pro. Dit is een

De typografie die gebruikt wordt in doorlopende tekst is Source Serif Pro Light.

schreefloos lettertype. De grote titels worden in bold gezet. Kleine titels in regular.

Dit is een schreef lettertype dat het oog goed door een doorlopende tekst lijdt. De

De schreefloze letters in de titels vallen meer op, dit is de bedoeling als je snel iets

lettertgrootte dat gebruikt wordt is 10 pt en de regelafstand hierbij is 16 pt, zodat er

wil terug vinden. Door de schreefloze letters en witruimte rond de grote titels wordt

genoeg witruimte tussen de regels is om de tekst vlot te lezen.

er rust over de bladzijden gecreĂŤerd. In het logo wordt gebruik gemaakt van de light variant.

11


Fotografie Productfotografie Als er foto’s gemaakt worden van de realisaties mogen hier nooit mensen bij op de foto’s staan. Het is de bedoeling dat het product goed in beeld komt en dat er geen andere elementen de aandacht trekken. Als de beelden enkel bedoelt zijn om op de website gebruikt te worden moeten ze minstens 72 dpi zijn. Als de foto’s gebruikt worden om gedrukt te worden in folders of dergelijke moeten de foto’s minstens een resolutie hebben van 150 dpi. De foto’s moeten altijd in kleur gebruikt worden.

Personenfotografie Als er foto’s gemaakt worden van de werknemers is het de bedoeling dat dit gebeurt in de werkomgeving. De focus moet liggen op de persoon, de omgeving mag daarom minder scherp zijn zodat het onderwerp goed duidelijk wordt. Deze foto’s moeten ook steeds in kleur gebruikt worden en een resolutie van 72 dpi hebben voor het web en een resolutie van boven 150 als de foto’s gedrukt worden.


Grafische elementen In de huisstijl wordt gebruik gemaakt van grafische elementen. Een driehoek en een rechthoek met het verloop als vulling. Deze twee elementen zijn afgeleid uit het logo. De grafische elementen mogen nooit samen gebruikt worden in ĂŠĂŠn toepassing. Doordat er twee verschillende elementen zijn, kan er steeds gevarieerd worden en toch binnen de huisstijl gebleven worden.

13


Richtlijnen | Visitekaartje Voorkant

Breedte logo 20 mm

Achterkant

Bovenmarge 13 mm

Myriam Peeters

Myriam Peeters

Goormansdijk 22 2480 Dessel 014 37 27 79 info@peetersramenendeuren.be www.peetersramenendeuren.be

Goormansdijk 22 2480 Dessel 014 37 27 79 info@peetersramenendeuren.be www.peetersramenendeuren.be

Zaakvoerder

Typografie

Zaakvoerder

Rechthoek 14 mm breed

Driehoek 24 mm breed en

over heel de hoogte

40 mm hoog

Marge tussen rechthoek

Marge

en tekst 7 mm

driehoek 7 mm

tussen

tekst

en

Naam medewerker

Aanspreektitel

Gegevens

Source Sans Pro Light

Source Serif Pro Light

Source Serif Pro Light

CMYK 100 82 43 20

CMYK 5 60 98 0

CMYK 100 82 43 20

11pt

9pt

8pt

Links uitlijnen

Links uitlijnen

Links uitlijnen


Richtlijnen | Briefpapier Linker, rechtermarge,

Bij de opmaak van een document is het de

boven en ondermarge

bedoeling dat er steeds dezelfde opmaak gebruikt

van 30 mm

wordt. Er zijn twee designs gemaakt, met de twee grafische elementen. Zo kan er gevarieerd worden en wordt de huisstijl niet saai. De twee design

Breedte logo: 25 mm

gebruiken dezelfde instelling, enkel het grafisch element is anders.

Typografie

Breedte 72 mm

Titel

Proportioneel geschaald

Source Sans Pro Bold CMYK 100 82 43 20 12pt Links uitlijnen Tekst Source Serif Pro Light CMYK 51 31 25 50 10pt Links uitlijnen De lijn is 13 mm breed en heel de lengte van de bladzijde

Voettekst

Oerte Ut et harum qui voluptatur? Ectis acest fuga. Cor moditat iusdandame ipsum, vellaut laborep repreiusa seque doluptatemos enimpedis veniscia quam ra volupti untent pori asperro dic tem con num fuga. Event, venimo vit pe pratur a enditate nonsendi ilicimpos di omnimus.

Abo. Et ariorentiist lab in rerit qui volorum sit rem eos dolut latur? Xime ne prehent iustotam re, conseque vere quat alite volorep ercium quaeptatur aspis eatemo ommodis temporentis imossequi bla et, cus min porrores ulpa volest que et ere maion pelles a sam, nector repe porro vellab illabo. Tion essed mincit mag namus esto voles et vel int que ped que nate placcullores que essequi aut mos am ne re occumquia diatur aria cuptaspel in est dollore pa si consequam facestius none doles ipis nonsecae volorup tatibus exerroris solorep tatendus solorep udipien itatas eatiae. Genis poribus sed quatius esto quissum dolore sundae nate illatus tiurepe porero volent. Untio tes ut quia volecullati rerorerum ratur aut dolut lam ex eum facius, sant ipsantia est am, inctur? Iqui aliquame que volupta eprae. Et, cum fugitios quos et pedite comnim volendandus, omnimenim en ti unt, eum harum re, ut omniscipsum exped quo enduntium dolorumet apit fuga. Olorunt et min conempo rehendae pliae delessumque este parum volupicia cusdaer emostis volo et occuptatqui alibusci sinum voluptatur, incta venisquam aut quasper iatatiore sum landignimod mint fugitatempos maiossusam, sa is quaecabo. Tem sit, ne corem aut lit et maiorrupta corum sanitatus molecep elibusam, omniend elendaepro verro erio. Anditatem am sunt enecab iliquame nos pos pellaut moluptae denducid magnis sequiatur sundis dusdam fuga. Tem quia nos eres audaeptat ea parum, occaboreici sa consequid et apellab oreped quossecti corrumquia quae nos etus doluptatum quas illaboreri ipid et destiorias dendus id. itatempos maiossusam, sa is quaecabo. Tem sit, ne corem aut lit et maiorrupta corum sanitatus molecep elibusam, omniend elendaepro verro erio. Anditatem am sunt enecab iliquame nos pos pellaut moluptae denducid maped quo

10 mm van de onderrand Source Serif Pro Light CMYK 51 31 25 50

Ut et harum qui voluptatur? Ectis acest fuga. Cor moditat iusdandame ipsum, vellaut laborep repreiusa seque doluptatemos enimpedis veniscia quam ra volupti untent pori asperro dic tem con num fuga. Event, venimo vit pe pratur a enditate nonsendi ilicimpos di omnimus.

Abo. Et ariorentiist lab in rerit qui volorum sit rem eos dolut latur? Xime ne prehent iustotam re, conseque vere quat alite volorep ercium quaeptatur aspis eatemo ommodis temporentis imossequi bla et, cus min porrores ulpa volest que et ere maion pelles a sam, nector repe porro vellab illabo. Tion essed mincit mag namus esto voles et vel int que ped que nate placcullores que essequi aut mos am ne re occumquia diatur aria cuptaspel in est dollore pa si consequam facestius none doles ipis nonsecae volorup tatibus exerroris solorep tatendus solorep udipien itatas eatiae. Genis poribus sed quatius esto quissum dolore sundae nate illatus tiurepe porero volent. Untio tes ut quia volecullati rerorerum ratur aut dolut lam ex eum facius, sant ipsantia est am, inctur? Iqui aliquame que volupta eprae. Et, cum fugitios quos et pedite comnim volendandus, omnimenim en ti unt, eum harum re, ut omniscipsum exped quo enduntium dolorumet apit fuga. Olorunt et min conempo rehendae pliae delessumque este parum volupicia cusdaer emostis volo et occuptatqui alibusci sinum voluptatur, incta venisquam aut quasper iatatiore sum landignimod mint fugitatempos maiossusam, sa is quaecabo. Tem sit, ne corem aut lit et maiorrupta corum sanitatus molecep elibusam, omniend elendaepro verro erio. Anditatem am sunt enecab iliquame nos pos pellaut moluptae denducid magnis sequiatur sundis dusdam fuga. Tem quia nos eres audaeptat ea parum, occaboreici sa consequid et apellab oreped quossecti corrumquia quae nos etus doluptatum quas illaboreri ipid et destiorias dendus id. itatempos maiossusam, sa is quaecabo. Tem sit, ne corem aut lit et maiorrupta corum sanitatus molecep elibusam, omniend elendaepro verro erio. Anditatem am sunt enecab iliquame nos pos pellaut moluptae denducid maped quo

Met vriendelijke groeten Myriam Peeters Met vriendelijke groeten Myriam Peeters

10pt Uitvullen

Oerte

Peeters ramen en deuren | Goormansdijk 22, 2480 Dessel | 014 37 27 79 | info@peetersramenendeuren.be Peeters ramen en deuren | Goormansdijk 22, 2480 Dessel | 014 37 27 79 | info@peetersramenendeuren.be

15


Grafische uitingen | Visitekaartje


Grafische uitingen | Briefpapier

17


Grafische uitingen | Vlag


Grafische uitingen | Bestelwagen

19


Grafische uitingen | Gevelbanner


Grafische uitingen | T-shirt

21


Grafische uitingen | Busreclame


Grafische uitingen | Website

23


van Es Marjolein 2 GMTb Grafische design 4 2017 - 2018 AP Hogeschool


Turn static files into dynamic content formats.

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