Huisstijl Handboek

Huisstijl Handboek
Algemene richtlijnen & instructies
voor het gebruik van de Clooser2 huisstijl
Maart 2014 | versie 1.1
Huisstijl Handboek
1. Inleiding
2. Logo
3. Opbouw logo
4. Plaatsing van het logo
5. Lettertype
6. Kleurenspectrum
7. Online Brochure
1. Inleiding
Met het onstaan van Clooser2 is ook een
huisstijl ontstaan.
Een stijl waarin Clooser2 naar buiten
wil treden en een stijl waaraan Clooser2
herkend wil worden. Dit design is
gekozen om naadloos aan te sluten bij
onze diensten en services.
Dit boek dient als handvat om de huisstijl
correct toe te passen.
De huisstijl bestaat uit de identiteit,
beelden- en vormentaal, lettertypen en
kleuren. Naast de richtlijnen zijn er
diverse (mogelijke) design-toepassingen
denkbaar.
Binnen de communicatie van Clooser2 is
het van belang een eenduidige en
herkenbare uitstraling te hebben.
Een consistente toepassing van het
huisstijlhandboek zorgt ervoor dat de
uitingen elkaar en het totaalbeeld
versterken.
2. Logo
De basis van de huisstijl wordt gevormd
door het Clooser2 logo.
Logo Clooser2
De huisstijl wordt gekenmerkt door:
1. Logo
2. Lettertypen
3. Vastgestelde huisstijlkleuren
Logo Intervisie voor teams
Het Clooser2 logo-pakket is per email op
te vragen bij via:
[email protected]
Alle logo’s kunnen worden aangeleverd in
diverse formaten.
- AI
- EPS
- JPEG
- PSD
- PNG
(Alleen voor Intervisie voor Teams gebruiken)
3. Opbouw Logo
Logo Clooser2
Het basis logo van Clooser2. Dit logo
dient ten alle tijden gebruikt te worden
wanneer er sprake is van logogebruik in
combinatie met Clooser2. Er zijn
alternatieven voor verschillende
werkvelden van Clooser2.
Logo Intervisie voor Teams.
Het logo staat van nature waterpas
afgebeeld. Bij uitzondering mag het logo
onder een hoek van + 17°. Het is niet
toegestaan kleuren te wijzigen.
Het logo mag in een ontwerp andere
objecten overlappen zolang het bovenliggend blijft.
1*
4*
4*
1*
4*
Schaduw in het logo:
Opacitie: 75%
Spread: 4%
Distance: 10px
Size 16px
1*
4*
1*
4. Plaatsing Logo
Clooser2 logo
Het Clooser2 logo dient geplaatst te
worden op de wijze als in afbeelding 1 is
aangetoond.
Hiervan mag niet afgeweken worden.
Afbeelding 1
correcte plaatsing
Het Clooser2 logo mag niet onder een
hoek geplaatst worden. Meer foutieve
plaatsingen van het logo worden getoond
in afbeelding 2.
Afbeelding 2
Foutieve plaatsing
Voor het verkrijgen van het logo mailt u
naar: [email protected]
5. Lettertype
Lettertype
De Huisstijl van Clooser2 wordt mede
gevormd door de bewuste keuze voor
een lettertype. Clooser2 heeft gekozen
voor Helvetica Neue.
Normale teksten worden getypt in
Helvetica Neue Regular.
Headers worden in Helvetica Neue Light
getypt.
Headers
Helvetica Neue Light
Normale Tekst
Helvetice Neue Regular
6. Kleurenspectrum
kleuren
Voor Clooser2 is een breed kleurenspectrum bepaald. Dit spectrum is te
verdelen in
- De volle kernkleuren.
- Sfeer- en accentkleuren.
Alle kleuren en worden vermeld inclusief
een Adobe RGB code en een CMYK
kleurcode. CMYK word alleen voor drukwerk gebruikt waar RGB (1998) voor
digitaal materiaal geschikt is.
Alle ontwerpen voor internet moeten
omgezet worden naar
sRGB IEC61966-2.1
Kernkleuren
Web: #581950
CMYK: C66 M11
Y37 K33
Web: #553a7b
CMYK: C73 M93
Y20 K6
Web: #e3d7bd
CMYK: C6 M14
Y23 K0
Sfeer-, accent- kleuren
Web: #111b02
CMYK: C81 M66
Y87 K89
Tekst
Web: #ffffff
CMYK: C0 M0
Tekstvakken
Y0 K0
Web: #581950
CMYK: C42 M0
Y100 K 0
Web: # 05056e
CMYK: C100 M90
Y10 K0
Opvallende tekst
Geschreven Tekst
Web: #707070
CMYK: C59 M50
Web: #8d8d8d
CMYK: C50 M41
Grijstint
Y46 K14
Grijstint
Y38 K3
7. Online Brochure
Clooser2 heeft voor het onderdeel
Intervisie voor Teams een speciale online
brochure ontwikkeld. In deze brochure
word stap voor stap uitgelegd hoe deze
intervisie vorm gegeven wordt.
Deze brochure is voor partners
toegankelijk en te gebruiken op hun website of tijdens presentaties.
U kunt de brochure op verschillende
manieren downloaden.
iFrame
U kunt de brochure publiceren via een iFrame.
Kopieer de volgende code in de HTML van de gekozen pagina:
<iframe src=”https://interactivepdf.uniflip.com/2/85817/320034/pub/”
border=”0” frameborder=”0” width=”960” height=”550”></iframe>
Om de maat van het iFrame aan te passen wijzigt u width en de height
in de iFrame code zoals hierboven weergegeven.
pas op dat u de verhoudingen van het formaat niet veranderd
Uniflip HTML Viewer
Onze voorkeur gaat uit naar het laten zien van de brochure in de HTML
viewer. Dit betekend dat u de brochure niet direct op uw eigen pagina
laat zien maar dat u doorlinkt naar de HTML viewer. Deze optie geeft
de brochure het beste weer. U dient onderstaande link te
gebruiken om door te linken naar de online brochure.
https://interactivepdf.uniflip.com/2/85817/320034/pub/html5.html
U kunt er voor kiezen de brochure
als PDF bestand van onze website te
downloaden. Ga hiervoor naar www.
clooser2.nl en klik op Intervisie voor
Teams.
Onder de afbeelding van de brochure
staat een link om de pdf te downloaden.

Download Report