12.06.2016 Views

LOOP Corporate Identity

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

HUISSTIJLHANDBOEK<br />

Gemaakt door:<br />

Juliette Klaasse<br />

Kevin Lamberts<br />

Mitchell Hendriks<br />

Rik Hendriks<br />

Datum:<br />

08-03-2016<br />

Docenten:<br />

Mario de Vries<br />

Mike Menijn


01 Inhoud<br />

02 Inleiding 04<br />

03 <strong>LOOP</strong> 06<br />

04 Logo 08<br />

05 Kleur palet 12<br />

06 Fotografie 16<br />

07 Stijlelementen 22<br />

08 Beeldmateriaal 24<br />

09 Typografie 26<br />

10 Correspondentie 28<br />

11 Bijlage(n) 40<br />

2


3


02 INLEIDING<br />

In dit huisstijlhandboek zullen alle<br />

huisstijlelementen van <strong>LOOP</strong> worden<br />

besproken en het gebruik ervan<br />

worden toegelicht. <strong>LOOP</strong> is een<br />

bedrijf dat opgericht is voor het<br />

semester BMP. Voor het creëren van<br />

een herkenbare uitstraling is het van<br />

belang dat het bedrijf zich houdt<br />

aan de richtlijnen zoals die in dit<br />

huisstijlhandboek zijn opgesteld.<br />

Voor vragen of advies kunt u contact<br />

opnemen met de ontwerpafdeling van<br />

<strong>LOOP</strong>.<br />

Door consequent gebruik van de<br />

richtlijnen van de huisstijl versterken<br />

wij de herkenbaarheid van het bedrijf<br />

aanzienlijk. De huisstijl bestaat uit<br />

een logo, vorm en stijlkenmerken,<br />

zoals typografie en kleurgebruik.<br />

In deze verslaglegging is dat voor<br />

verschillende uitingen uitgewerkt.<br />

4


5


03 <strong>LOOP</strong><br />

Merknaam & Slogan<br />

De naam van ons merk zal ten alle<br />

tijden ‘Loop’ zijn.<br />

Bovenstaand betekent dat wanneer<br />

onze naam wordt gecommuniceerd<br />

in de media, wij gebruik maken van<br />

de naam ‘Loop’. In de communicatie<br />

naar partners, leveranciers en klanten<br />

spreken wij te allen tijde over ‘Loop’.<br />

Om de merknaam te versterken<br />

hebben wij een slogan bedacht<br />

die in gezet kan worden tijdens<br />

bijvoorbeeld presentaties, advertenties<br />

en redactionele stukken. Deze kan (en<br />

mag) niet naar eigen ingeving worden<br />

veranderd:<br />

- Meets your world.<br />

‘Meets your world!’ zal in de meeste<br />

gevallen voorkomen.<br />

Wie zijn wij?<br />

Wij zijn <strong>LOOP</strong>, een awareness design<br />

bureau bestaande uit vier enthousiaste<br />

en gemotiveerde leden die zich al<br />

jaren verdiepen in design, technologie<br />

en experience.<br />

In februari 2016 ontstond de<br />

samenwerking tussen deze gedreven<br />

creatievelingen.<br />

<strong>LOOP</strong> biedt unieke producten en/of<br />

campagnes die zich richten op sociale<br />

vraagstukken. Op zowel technisch<br />

als grafisch niveau vinden wij het<br />

belangrijk om uitgedaagd te worden<br />

en te blijven leren.<br />

6


<strong>LOOP</strong> werkt met prikkels. We laten ons inspireren<br />

en geprikkeld worden door de wereld. Wat valt ons<br />

op? Zien we ergens mogelijkheid tot verbetering?<br />

Wat zijn algemene problemen waar nodig iets<br />

veranderd aan moet worden? Ons onderzoekend<br />

vermogen is hierbij een belangrijk aspect van onze<br />

werkwijze, wij gaan zelf op zoek.<br />

Wij bieden een luisterend oor voor wie gehoord wil<br />

worden. De straat wordt bezocht, in de bibliotheek<br />

wordt onderzoek gedaan en wij verdiepen ons<br />

in de uitdaging die voor ons ligt. Waar zijn wij en<br />

waar willen wij heen met een project? Vervolgens<br />

bedenken wij hier een passende campagne bij en<br />

wordt deze gelanceerd. Vervolgens komen wij terug<br />

bij de prikkels. Wat valt ons op nu de campagne zijn<br />

intreden heeft gedaan? Wat is de reactie hierop?<br />

Voelt de doelgroep de bedoelde prikkels?<br />

Wie zijn wij?<br />

De missie van Loop: Het blij maken van de klant<br />

en in de samenwerking en communicatie ten alle<br />

tijden vriendelijk zijn. Het resultaat dat volgt uit de<br />

samenwerking met de klant moet altijd de klant<br />

bevallen.<br />

Milieu Beleid<br />

Wij hechten waarde aan het milieu. Een manier<br />

waarop wij dat laten blijken is door grotendeels<br />

digitaal te werk te gaan en niet tot nauwelijks de<br />

printer te gebruiken tenzij echt nodig. Een print moet<br />

dan ook meteen definitief zijn en niet door een fout<br />

een tweede keer moeten worden gemaakt.<br />

7


04 Logo<br />

Het logo is een combinatie van een<br />

symbool en een logo. Het vignet<br />

(abstracte vorm) verwijst naar een<br />

achtbaan loop waarbij je een keer over<br />

de kop gaat. De typografie van het<br />

logo heeft bijna dezelfde dikte als het<br />

vignet en daardoor worden de twee<br />

elementen één geheel.<br />

Aangeraden bestandsformaten<br />

Vector: .ai .eps | Pixels: jpg .tiff .png<br />

Dont’s<br />

• Gebruik het logo niet in andere<br />

kleurcombinaties<br />

• Pas de grootte van het logo/de<br />

tekst ten opzichte van elkaar<br />

niet aan<br />

• Gebruik voldoende witruimte<br />

buiten het logo<br />

• Pas de verhoudingen van het<br />

logo niet aan<br />

• Pas het symbool niet aan<br />

8


9


Witruimte & Constructie<br />

Het logo is een combinatie van een<br />

symbool en een logo. Het vignet<br />

(abstracte vorm) verwijst naar een<br />

achtbaan loop waarbij je een keer over<br />

de kop gaat. De typografie van het<br />

logo heeft bijna dezelfde dikte als het<br />

vignet en daardoor worden de twee<br />

elementen één geheel.<br />

Aangeraden bestandsformaten<br />

Vector: .ai .eps | Pixels: jpg .tiff .png<br />

10


Voorkeurs witruimte rond<br />

het logo is minimaal 1/2 X<br />

Alternatieve witruimte rond<br />

het logo is minimaal 1/4 X<br />

X = Hele breedte van het logo<br />

11


05<br />

Kleur palet<br />

De kleuren die wij hanteren voor onze<br />

huisstijl zijn door research tot stand<br />

gekomen. Onze kernwaarden zijn o.a.<br />

creatief en vrolijk, daarom is gekozen<br />

voor een vormgeving met veel kleur<br />

en speelse typografie.<br />

Er zijn een aantal kleurcombinaties<br />

die niet goed bij elkaar kunnen en<br />

daarom is duidelijk gemaakt welke<br />

kleurcombinaties gebruikt kunnen<br />

worden door middel van een tabel.<br />

De verschillende kleuren van het palet<br />

zijn uitgevoerd in diverse tinten. Er<br />

is geen standaard gebruik voor de<br />

kleuren bedacht. De kleuren en tinten<br />

mogen naar naar gevoel en of smaak<br />

worden toegepast.<br />

Als men denkt aan ‘Loop’ denkt<br />

men aan een constante stroom van<br />

verschillende ideeën. Dat past goed<br />

bij de werkzaamheden van onze<br />

onderneming.<br />

12


100% 80% 60% 40% 20%<br />

#ffffff #000000 #00b3ba #f7ee80<br />

C 0 M 0 Y 0 K 0 C 91 M 79 Y 62 K 97 C 74 M 0 Y 31 K 0 C 7 M 0 Y 61 K 0<br />

#292c7e #300c46 #ee73aa #f08395<br />

C 100 M 94 Y 0 K 10 C 84 M 100 Y 0 K 60 C 0 M 68 Y 0 K 0 C 0 M 61 Y 25 K 0<br />

13


14


15


06 Fotografie<br />

<strong>LOOP</strong> maakt gebruik van een<br />

uitbundig kleurenpalet. In contrast met<br />

dit kleurenpalet gebruiken wij zwartwit<br />

foto’s. De foto’s mogen wel kleine<br />

elementen van kleur (uit het kleuren<br />

palet) bevatten.<br />

Balans en bijzonderheid vormen<br />

hoofdwaarden bij het gebruik van<br />

foto’s. Unieke foto’s die de wereld op<br />

een andere manier laten zien, maar<br />

daarbij wel enige rust geven. Deze rust<br />

zit in het gebruik van wit, grijs of zwart<br />

ruimte: de foto is niet gevuld met<br />

allemaal kleine details.<br />

De foto’s mogen niet alledaags zijn: de<br />

content moet grappig, spannend, of<br />

vernieuwend zijn. Daarnaast moet de<br />

inhoud van de fotografie aansluiten bij<br />

<strong>LOOP</strong>. Denk hierbij aan het gebruik van<br />

creatieve elementen (kwasten, graffiti,<br />

tekentafel) of het feit dat wij sociale<br />

problemen aanpakken (liefde, hulp,<br />

sociale kwesties). Belangrijk is om deze<br />

onderwerpen positief te benaderen:<br />

de foto mag niet deprimerend zijn en<br />

te afwijkend van de stijl en boodschap<br />

van <strong>LOOP</strong>. Een goede manier om dit te<br />

voorkomen is humor.<br />

Personen mogen in de foto’s aanwezig<br />

zijn, maar niet glimlachend de camera<br />

in kijken. Hiermee wordt voorkomen<br />

dat de foto’s op de bekende ‘stock’<br />

fotografie gaat lijken. Het is ten alle<br />

tijden een vereiste dat de foto’s een<br />

passende resolutie hebben voor het<br />

medium waarvoor het gebruikt wordt:<br />

aan pixelige afbeeldingen doen wij<br />

niet.<br />

16


DO’S:<br />

- Zwart wit<br />

- Kleine elementen kleur (kleurenpalet)<br />

- Balans<br />

- Positief<br />

- Uniek/ bijzonder<br />

- Resolutie aangepast op media<br />

- Humor<br />

DONT’s:<br />

- Kleurrijk<br />

- ‘Stock’ fotos<br />

- Te druk<br />

- Negatief/ deprimerend<br />

- Duidelijke pixels<br />

17


19


Vormen<br />

<strong>LOOP</strong> maakt gebruik van een drietal<br />

simpele vormen. Deze worden<br />

ingezet om iets te benadrukken of als<br />

decoratief element.<br />

De eerste vorm is een driehoek, zoals<br />

deze ook in één van de patronen is<br />

verwerkt.<br />

De drie stijlelementen kunnen in<br />

alle kleuren van het kleurenpalet<br />

toegepast worden: dit is afhankelijk<br />

van de achtergrond. De mogelijke<br />

kleurencombinaties zijn eerder<br />

toegelicht.<br />

De tweede vorm is een rechthoek,<br />

deze zal vooral toegepast worden om<br />

titels of het logo te benadrukken.<br />

De laatste vorm is gebaseerd op het<br />

logo. Het binnenste van de loop vormt<br />

een ei-vormig element. Deze mogen<br />

ook gedraaid toegepast worden.<br />

20


21


07 Stijl Elementen 22


08 Beeldmateriaal<br />

Patronen<br />

Kenmerkend aan loop is het gebruik<br />

van een tweetal patronen. Deze<br />

patronen bestaan uit geometrische<br />

vormen en lijnen. Deze geometrie<br />

zorgt voor balans. Alle kleuren die<br />

gebruikt worden bij deze patronen zijn<br />

afkomstig uit het kleurenpalet.<br />

24


25


09 TYPOGRAFIE<br />

<strong>LOOP</strong> maakt gebruik van drie<br />

verschillende huisstijl fonts.<br />

Logo<br />

Het lettertype dat bij het logo<br />

toegepast wordt is ‘Bebas Neue’. Dit<br />

font is sterk en krachtig, het staat als<br />

een huis. Dat is wat het logo moet<br />

overbrengen: ‘Hier ben ik!’<br />

A B C D E F G H I J K L M N O P Q R S T<br />

U V W X Y Z<br />

a b c d e f g h i j k l m n o p q r s t u v<br />

w x y z<br />

. , : ; ! ? ( ) @ # % & + - =<br />

Het lettertype wordt puur<br />

toegepast voor het logo, dat is de<br />

onderscheidende factor van de<br />

overige teksten. De lettergrote is<br />

afhankelijk van het medium en positie.<br />

Titels en koppen<br />

De titels en koppen worden in het<br />

lettertype ‘Bebas Neue’ weergegeven.<br />

Dit lettertype is speels, fris en creatief:<br />

waarden waar <strong>LOOP</strong> allemaal voor<br />

staat. Amatic kent meerdere vormen<br />

waarvan wij er drie toepassen: bold,<br />

regular, italic en italic bold. De bold<br />

versie wordt toegepast op titels . De<br />

regular versie wordt toegepast op<br />

koppen. Italic zal enkel toegepast<br />

worden als het gaat om een titel van<br />

een boek, film, tijdschrift enzovoort. De<br />

titels worden uitgewerkt in lettergrote<br />

48, de koppen in lettergrote 14.<br />

26


Geomanist<br />

De broodtekst, nummering en tussenkopjes zal<br />

uitgewerkt worden in het lettertype Geomanist:<br />

strak, minimalistisch en duidelijk leesbaar. De<br />

broodtekst wordt uitgewerkt in lettergrote 11. De<br />

nummering van bijvoorbeeld hoofdstukken in<br />

lettergrote 72.<br />

Alle lettertypen zijn gratis te gebruiken voor zowel<br />

persoonlijke en commerciële doeleinden waardoor<br />

we niet in problemen komen met<br />

eigendomsrechten.<br />

Geomanist regular<br />

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br />

a b c d e f g h i j k l m n o p q r s t u v w x y z<br />

. , : ; ! ? ( ) @ # % & + - =<br />

Geomanist italic<br />

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br />

a b c d e f g h i j k l m n o p q r s t u v w x y z<br />

. , : ; ! ? ( ) @ # % & + - =<br />

27


10 Correspondentie<br />

Enveloppes<br />

<strong>LOOP</strong> maakt gebruik van enveloppes<br />

die zijn geschikt voor papier met A4-<br />

formaat. Deze worden verstuurd in<br />

verschillende kleuren, de kleur van de<br />

enveloppes wordt niet systematisch<br />

bepaald.<br />

Brieven<br />

Alle brieven opgesteld door <strong>LOOP</strong><br />

maken gebruik van hetzelfde<br />

template, dit maakt een efficiënte en<br />

systematische vorm van management<br />

mogelijk binnen het bedrijf. Het<br />

standaard template dat wij gebruiken<br />

is gebaseerd op een A4 formaat.<br />

De gestelde marges voor de<br />

schrijftekst zullen voor iedere brief<br />

hetzelfde zijn. De achterkant van<br />

iedere brief is leeg en kleurloos.<br />

Visite Kaartjes<br />

Alle visitekaartjes gebruiken hetzelfde<br />

template, er is echter één verschil. De<br />

kleur van de voorkant verschilt per lid<br />

van <strong>LOOP</strong>. Ieder heeft een eigen kleur.<br />

De kleur heeft niks te maken met de<br />

persoon of smaak, het doel is om uit te<br />

beelden dat <strong>LOOP</strong> een kleurrijk bedrijf<br />

is.<br />

Door gebruik te maken van hetzelfde<br />

template voor ieder visitekaartje<br />

wordt opnieuw een meer efficiënte en<br />

systematische vorm van management<br />

binnen <strong>LOOP</strong> mogelijk.<br />

De voorkant van ieder visitekaartje<br />

heeft één kleur met daarop het logo.<br />

De achterkant is kleurloos en bevat<br />

bedrijfsinformatie met betrekking tot<br />

de betreffende medewerker.<br />

28


Marge voor enveloppes<br />

43,3 MM<br />

69 MM<br />

Logo 197x121 px<br />

ADress - font size 10pt<br />

38,3 MM<br />

29


44,5 mm<br />

Marge voor brieven<br />

28,5 mm<br />

22,7 mm<br />

47,7 mm<br />

30


Marge voor visitekaartje<br />

9.3 mm<br />

Mitchell Hendriks<br />

Management & Opererende kern<br />

7.2 mm<br />

<strong>LOOP</strong><br />

Coehoornstraat 33<br />

6811 LA Arnhem<br />

mitchellh.92@live.nl<br />

+31 (6) 23 88 48 18<br />

http://www.website.nl<br />

21.5 mm<br />

7 mm<br />

10.4 mm<br />

39.4 mm<br />

9.3 mm<br />

7.2 mm<br />

20 mm<br />

12 mm 12 mm<br />

20 mm<br />

31


䰀 漀 漀 瀀<br />

倀 漀 猀 琀 戀 甀 猀 アパート㈀ 㠀 Ⰰ 㘀 㠀 䰀 䄀 䄀 爀 渀 栀 攀 洀<br />

32


33


35


Stickers<br />

De <strong>LOOP</strong> stickers worden ter<br />

campagne uitgedeeld na presentaties<br />

aan de bezoekers daarvan. Stickers<br />

zijn er in vier verschillende kleuren die<br />

voortkomenkomen uit het kleurenpalet<br />

dat door <strong>LOOP</strong> wordt gebruikt.<br />

Website<br />

<strong>LOOP</strong> beschikt op het moment<br />

van schrijven nog niet over een<br />

website. Wel laten wij de stijl, die de<br />

website moet krijgen indien die er<br />

komt, alvast zien. Er wordt natuurlijk<br />

gebruik gemaakt van kleuren uit het<br />

kleurenpalet en wij laten zien dat <strong>LOOP</strong><br />

een kleurrijk bedrijf is.<br />

36


37


38


39


11 Bijlage(N)<br />

40

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!