onderweg 1
2
Inleiding Onlangs is de nieuwe commerciĂŤle zender 3onderweg opricht. Bij het opzetten van deze zender hoorde het maken van een huisstijlhandboek dat als handvat kan dienen. Dit huisstijlhandboek zorgt ervoor dat een ieder de huisstijl correct toe kan passen. De richtlijnen in dit handboek zullen te allen tijden aangehouden moeten worden. 3onderweg is een jonge zender die meebeweegt met zijn kijker. Hierbij hoort een moderne en strakke vormgeving die met de trends mee gaat. Dit is terug te zien in de gekozen typografie, kleuren en wordt samengevat in het logo.
Inhoud
Logo Plaatsing logo Logogebruik Toepassing logo Kleurgebruik Typografie Beeldelementen Communicatie Televisie Radio
4 5 6 7 8 9 10 11 21 22 3
Logo Het logo van 3onderweg kan op drie verschillende manieren gebruikt worden. Er is een witte, turquoise en zwarte variant. Het witte logo kan als hoofdlogo gezien onderweg worden en moet dan ook wanneer mogelijk altijd toegepast worden.
onderweg
onderweg
Het logo bevalt altijd outlines, deze mag nooit gevuld worden. Zie pagina 6 voor andere regels over de toepassing van dit logo. Voor de toevoeging van de ondertitel ‘onderweg’ bestaat één uitzondering. De o nmoet d ealtijd r w toegevoegd eg ondertitel worden mits het om de televisie gaat.
onderweg
onderweg
onderweg
4
on
35px
Plaatsing logo De minimale afmetingen van het log zijn 35px hoog bij 40px breed. Wanneer het logo kleiner afgebeeld wordt is de ondertitel niet meer te lezen. Er bestaan geen maximale afmetingen van het logo. Het logo mag oneindig vergroot worden mits de juiste verhoudingen en witruimte worden gehanteerd. Het logo moet opvallen maar mag eventuele content niet overheersen. Hier mag naar eigen oordeel beslist worden.
40px Y:4
onderweg
X
Y:4
Y onderweg onderweg
De witruimte rondom het logo zijn altijd Âź van de hoogte van het logo. De witruimte is dus altijd minstens10px. De afstand van de ondertitel tot het logo is ĂŠĂŠn achtste van de hoogte van de logo. Deze afstand is dus altijd minstens 5px. Voor de plaatsing van het logo geldt de rechter bovenhoek, deze wordt het meest gehanteerd. Daarnaast gelden de twee midden-assen. Aan de hand van deze assen mag het logo in elk formaat over de gehele pagina geplaatst worden. Bij uitzondering mag het logo ook rechtonderin worden toepast.
onderweg
onderweg
onderweg
onderweg
Y:8
onderweg Y:4
5
01.
02.
03.
Logogebruik 01. 02. 03. 04. 05. 06. 07. 08. 09.
6
onderweg
Juist gebruik Elementen niet los van elkaar vergoten Niet vullen Niet uitrekken in de breedte Niet uitrekken in de hoogte Elementen niet verplaatsen Niet roteren Niet spiegelen Geen elementen toevoegen
onderweg
onderweg
04.
05.
06.
07.
08.
09.
01.
02.
03.
Toepassing logo 01. 02. 03. 04. 05. 06. 07. 08. 09.
onderweg
onderweg Gebruik witte versie altijd wanneer mogelijk. Wit kan gebruik worden op (donkere) kleur. Gebruik kleur versie alleen op wit Gebruik het logo alleen in het wit bij toepassing op beeld. Gebruik zwarte versie alleen op kleur als het een lichte kleur betreft. Gebruik zwarte versie alleen wanneer de omgeving zwart-wit is. Gebruik zwarte versie nooit op beeld, ook niet op licht beeld. Gebruik kleur versie nooit op kleur. Gebruik witte versie nooit op wit Gebruik kleur versie nooit op beeld
o nodnedr ewr ewge g
04.
05.
onderweg
07.
onderweg
onderweg
wge g oo nn dod ene rdw r ew er e g
o nodo n ed n rd ewree wr g w eg eg
onderweg
06.
rw oo nn dd ee rw ee gg
08.
o nodn ed rewr e w ge g
o on ndodener dw eeregwge g rw
09.
o nodn ed rewr e w ge g 7
58/9/36/0 109/183/172 #6DB7AC
Kleurgebruik Binnen de huisstijl van 3onderweg worden er drie verschillende kernkleuren gehanteerd. Het kleurgebruik is dus redelijk beperkt. De kleuren die gebruikt worden zijn dezelfde kleuren als die van de drie logovarianten. Van de kleur turquoise (# 3DAA9C) worden er 3 tinten gebruikt. De 100% wordt hierbij niet gebruikt. Alleen de 80%, 60% en 40% worden toegepast. De meest gebruikte kleur is de 80%, deze kan ook gebruikt worden in tekst.
43/7/27/0 145/197/190 #91C5BE
29/4/28/0 180/213/208 #B4D5D0
8
0 / 0 / 0 / 0 255/255/255 # F F F F F F
0/0/0/100 0 / 0 / 0 #000000
Typografie De huisstijl van 3onderweg bevat twee font families. Century Gothic en Gill Sans. Century Gothic wordt gebruikt voor titels en wanneer iets op moet vallen. Deze wordt het vaakst gebruikt in Bold. Gill Sans wordt hoofdzakelijk gebruikt voor de broodtekst. Voor de lopende tekst wordt daarvoor Gill Sans Regular gebruikt. Voor kopjes wordt Gill Sans SemiBold gebruikt Binnen de broodtekst mag er ook gebruik gemaakt worden van Gill Sans Italic maar liever niet. Gill Sans Light kan toegepast worden om onderscheidt te maken binnen de broodtekst.
Century Gothic Regular
Gill Sans Regular
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 0123456789?!@
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 0123456789?!@
Bold
SemiBold
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 0123456789?!@
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 0123456789?!@
Light ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmn opqr stuvwxyz 0123456789?!@ 9
Beeldelementen Binnen de huisstijl van 3onderweg wordt er gebruik gemaakt van twee vaste beeldelmenten. De gevulde versie van het logo wordt gebruikt als een pijltje. Dit icoontje mag in ieder formaat toegepast worden mits de juiste verhoudingen aangehouden worden. Het icoon mag in iedere kernkleur worden toegepast. Het bovenste element van het logo mag als vormelement worden gebruikt. Deze vorm mag overal worden toegepast in ieder formaat. Overmatig gebruik is niet toegestaan. De vorm hoeft niet in zijn geheel zichtbaar te zijn, deze mag ook afgesneden worden door de randen van de uiting. De vorm mag echter niet gedraaid of gespiegeld worden. Deze vorm mag zowel met outlines als gevuld gebruikt worden, ook als dit een beeld betreft.
10
Communicatie In de hierop volgende pagina’s is te zien hoe het logo, de kleuren en de typografie toegepast moeten worden op de meest voorkomende uitingen. Dit betreft online en website en applicatie. Offline betreft dit een advertentie, brochure en correspondentieset. Behalve het correspondentieset zijn alle uitingen aanpasbaar en zelf invulbaar wanneer de juiste regels en richtlijnen aangehouden worden.
Advertentie Afwijkend logogebruik Brochure Internet Correspondentieset
12 13 14 16 18
11
Advertentie Voor advertenties van 3onderweg gelden enkel richtlijnen geen regels. Aangezien wij denken dat advertenties zo creatief mogelijk moeten kunnen zijn willen we hier niet te veel regels aan koppelen. Ontwerpers zijn bij het maken van advertenties erg vrij. De richtlijnen die gelden, gelden voor alle soorten advertenties. Van een advertentie in een tijdschrift tot een advertentie. Het logo moet altijd prominent aanwezig zijn in een advertentie. Bij de plaatsing gelden alle toepassingsregels. De marge die aangehouden moet worden, wordt bepaalt door de witruimte van het logo. Eventueel beeld in advertenties moet passen bij de kleuren uit de huisstijl. Dit betreft voornamelijk groen-blauwig beeld. Daarnaast is het belangrijk dat het beeld dat gebruikt wordt een dynamische uitstraling heeft. Het moet beweging uitbeelden of een onderwerp gerelateerd aan beweging bevatten. 12
onderweg
Afwijkend logogebruik Hiernaast is een voorbeeld van een advertentie te zien. Beeld met beweging en de juiste tinten is duidelijk terug te zien. Bij deze advertentie is ervoor gekozen om het logo in de rechter onderhoek te plaatsen. Zoals bij de plaatsing van het logo beschreven staat, is dit toegestaan wanneer dit het ontwerp ten goede komt. Bij deze advertentie ontstaat er een betere flow wanneer het logo onderin geplaatst wordt.
de zender die met je meebeweegt
Afwijkend logogebruik is over het algemeen toegestaan wanneer: - daarmee de flow wordt geoptimaliseerd. - daardoor het beeld beter uit komt (het voorkomen van logo plaatsing over gezichten of de kern/boodschap van een beeld)
13
Brochure Richtlijnen Op de voorkant wordt het logo altijd rechtsboven in de hoek geplaatst. Wanneer het logo ook toepast wordt in de binnenkant of achterkant van de brochure dan mogen ook de andere toepassingsregels aangehouden worden. De voorkant van de brochure moet altijd beeld bevatten. De brochure moet genoeg wit bevatten. Een brochure van 3onderweg moet een frisse en strakke uitstraling hebben. Het wit en de kleur elementen moeten afgewisseld worden met beeld. Er moet gestreven worden naar beeld dat qua tinten bij de kleurvlakken past. Er wordt zowel op de voorkant als op de binnenkant het vormelement gebruikt. Dit vormelement is leidend voor de indeling van de pagina. Bij een gevouwen brochure wordt het element doorgetrokken over de pagina’s.
14
Regels Per pagina - 5 kolommen - Marge: 12,7mm - Gutter: 4,233 - Tekstvak min. 2 kolommen breed - Tekstvak max. 3 kolommen breed Typografie - Broodtekst: Gill Sans Regular (8,5pt) - Tussenkopjes: Gill Sans Semibold (10pt) - Inleiding: Gill Sans Regular(12pt) - Titels: Century Gothic Bold (14pt) - Grote titels: Century Gothic Bold (24pt) - Bijschriften: Century Gothic Bold (8,5pt)
12,7mm
Ellore sint id que nulluptat GS 14pt Hicidit as dis autessit omnime minctaq uissitint, nit autem. Ed ea qui idel ipic tem nam, am, que natati iderios sitatium, tentem. Por mi, optia quiaMintoritatem con recerspedi tes volenis nonsedi quas rem ipsus, eatesto et qui ad modignit, optur reribusciam qui alit la iunt pla ni ne nonsequ atecto vide et, aspedignitat unt as et ut arum ditis debitatio. Aque delit quias nobis sunt ut quiaes ipis dolupta nonsequi quis ullaces to-
rumet qui tende reiuntectur? Qui cum quam, quia dolestiis arios que ne coruntiatur, con reprepr eperis mod essit quias eiur, eatiniatur? Quiberist, consequi beaquia ndipici autaquibus aperunt fugiasi musaereperum dita autatem fugit quis a voluptatis eum sequam volestiam volectotatus quam, optatur? Agnias aut labori ulparuptQue niatiat et labo. Parcia as volum eris voluptae. Nequistrum que nihilicienis de liquiae. Ut oditium net lab inciatem ea idebis del is magnis aboremo lupicabori que.
2koloms
Ruptur alitias moluptatius sit eicienis siti con pro iditiis dolora nimus reritatemped excestibusam et ilique laborem dolore ditat reped ut officatiosNimus, utempos elique eos
UT EXCE SEDERAEST SUMQUAM
CG 24pt
GS 8,5pt
3koloms
NEQUIBUS GS 24pt PERIATUR AS MOD ILLESSI MAANDAG 20.00
Naar eigen inzicht mag er gespeeld worden met fonts en fontgroottes voor opvallende titels.
4,233mm
Hicidit as dis autessit omnime minctaq uissitint, nit autem. Ed ea qui idel ipic tem nam, am, que natati iderios sitatium, tentem. Por mi, optia quiaMintoritatem con recerspedi tes volenis nonsedi quas rem ipsus, eatesto et qui ad modignit, optur reribusciam qui alit la iunt pla ni ne nonsequ atecto vide et, aspedignitat unt as et ut arum ditis debitatio. Aque delit quias nobis sunt ut quiaes ipis dolupta nonsequi quis ullaces toAs et quatem se aut la dolum earumquae venistem corerum et eius aliquas ped maior simus del ium quature riaturit omnis adignias aut am idicid que pore eleste escienihicit ut dolut voluptaqui doluptatus. Igene verrum doluptur sit volupta ditae pro experio. El mil maio. Itae corpore, occupici nossincil int
GS 14pt
EOS ER!
aborehenda poreius doluptas rem sequate catureratur audandi deliquam non pre core consequi sim rest et pe ilique dolenis a poria nonsequis reptiur adigendit est, sincto commolu pturion nonsed estecus doluptas atio dolor molupta verro blab ipsam, quam quas quo bea conserro con es as simus eati dit et est asit la corecab oriberum quisto essimi, quidi blabore verspid elicia sinullenia delestiam res dolorro des aut aliquas moluptatur moluptasse net andae a inus nos et occumquia quo qui volorer natiis et ommodit utatus, occat. Oluptatia doleniet pratur,
GS 12pt
Aditi de min consedit as doluptas aut et et quid modi doluptat que veniet reruptatus aceped et verum veliqui sinus, ullabo. Itassuntias sintotatio exerum aut et pro cusant doluptat. Eptaspid moluptatem ex etusam doloria quia quam labori offictem quo qui omnisquis volupta que solenda cum vel expedistios eatis ullandipsum sollectorit porempo restibusam, cum lam, opta voluptur andi doluptata veliquam qui id quae ped molore, ipsa volorae
Naast het vormelement mogen er voor de afwisseling ook cirkels toegepast worden. Deze cirkels en beeld mogen het vormelement en de marge enigzins overlappen. 15
Internet De website van 3onderweg is ontworpen op 940px en heeft een onbepaalde lengte. Bij het ontwerpen van de website dient men zich aan het grid te houden. De website is verdeeld in 16 kolommen. Deze kolommen kunnen op verschillende wijze gebruikt worden zoals hiernaast te zien is. De website is responsive en is dus op alle apparaten goed zichtbaar. Voor smartphones wordt echter er een speciale applicatie aangeboden die het gebruik van de website makkelijker maakt.
300px
Deze applicatie is ontworpen op 300px bij ongeveer 480px. Er wordt hierbij gebruik gemaakt van twee kolommen. Omdat 3onderweg een zender is die meeloopt met trends, is er voor gekozen om gebruik te maken van ghostbuttons. Deze worden in combinatie met beeld veel gebrui
16
940px
17
Correspondentieset Binnen de huisstijl van 3onderweg wordt er gebruik gemaakt van twee vaste beeldelmenten. De gevulde versie van het logo wordt gebruikt als een pijltje. Dit icoontje mag in ieder formaat toegepast worden mits de juiste verhoudingen aangehouden worden. Het icoon mag in iedere kernkleur worden toegepast. Het bovenste element van het logo mag als vormelement worden gebruikt. Deze vorm mag overal worden toegepast in ieder formaat. Hierbij geldt wel dat er maar ĂŠĂŠn vorm per uiting mag worden gebruikt. De vorm hoeft niet in zijn geheel zichtbaar te zijn, deze mag ook afgesneden worden door de randen van de uiting. De vorm mag echter niet gedraaid of gespiegeld worden. Deze vorm mag zowel met outlines als gevuld gebruikt worden, ook als dit een beeld betreft.
18
onderweg
venster
onderweg
adresgegevens
Postbus 26444 | 1202 JJ Hilversum 035-563395 | info@3onderweg.nl
8mm
Tekst
Claudia Hoving
onderweg
Grafisch vormgever
0636308414 c.hoving@3onderweg.nl www.3onderweg.nl
15mm Bart de Graaffweg 2 | 1202 JJ Hilversum | Postbus 26444 | 1202 JJ Hilversum 035-563395 | info@3onderweg.nl | www.3onderweg.nl | KvK: 32043579
19
onderweg
Televisie Op de televisie wordt alleen gebruik gemaakt van de font family Century Gothic. Alle tekst wordt in kapitalen weergegeven. Century Gothic Bold wordt het meest gebruikt. De leader begint met alleen het vormelement, de bovenkant van het logo. Daarna draait de onderkant uit de vorm en verschijnt het zinnetje ‘ondwerg’. Dan wordt het vormelement gevuld met kleur. Wanneer de muziek verandert verdwijnt het onderste deel van het logo en ‘onderweg’. De vorm vergroot naar de hoek van het beeld. Dan verschijnt er zowel beeld op de achtergrond als in het vormelement. In de vorm is het verder ingezoomd om verschillende perspectieven te creëren. Daaroverheen verschijnt het logo en de titels.
20
Century Gothic Regular ABCDEFGHIJKLM NOPQRSTUVWXYZ a b c d e f g h i j k l m n
onderweg
o p q r s t u v w x y z
0123456789?!@
Bold ABCDEFGHIJKLM NOPQRSTUVWXYZ 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
0123456789?!@
onderweg
Radio
onderweg
De audio voor de leader van 3onderweg is zorgvuldig uitgekozen. De leader klinkt vriendelijk, opzwepend en vernieuwend. De leader geeft het idee dat dingen bewegen. Het geeft een dynamisch gevoel. Daarbij past het geluid precies bij de bewegingen van het logo en vormelementen. Link (vanaf 0:26) https://www.youtube.com/ watch?v=O01E2IIhLmM
21
www.3onderweg.nl 22