NPO Huisstijl. December 2014

Transcriptie

1 NPO Huisstijl December 2014

2

3 Inhoud Deel 1 - Logogebruik... 2 Het NPO corporate logo... 3 Het logo... 4 Het logo overzicht... 5 De logo's voor televisie, radio en digitaal... 6 Uitzonderingslogo televisie voor LIVE uitzendingen... 7 Het aanpassen van het logo... 8 Individuele logo specificaties Deel 2 - Corporate huisstijl Rationale Titel typografie Titel doorsneden Kleurenpalet Verplichte kleurcombinaties Binnenwerk zonder fotografie Binnenwerk met fotografie Beeldmateriaal Eindresultaat Toepassingen Deel 3 - Schrijfwijzer Lettertype Typografische hiërarchie Het grid Vlakverdeling Logo positie

4 Deel 1 Logogebruik 2

5 Het corporate NPO logo Het corporate NPO logo wordt gevormd door een combinatie van een beeldmerk en een woordmerk. Deze twee onderdelen vormen samen het algemene logo. Het corporate logo Twee versies Het corporate logo zal in de meeste gevallen gebruikt worden in corporate oranje, met uitzonderingen in diapositief. Bounding Box In het logo wordt er gebruik gemaakt van een bounding box om de identiteit van het logo te waarborgen. Deze minimale logoruimte dient altijd gerespecteerd te worden. Er mogen geen andere logo's of elementen geplaatst worden binnen deze veilige zone. De bounding box is gebaseerd op een grid van de helf t of 50% van het beeldmerk. Het logo in diapositief 100% 50% Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beeldscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven. In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering te worden gebruikt. De opbouw van het logogrid De minimale logo grootte drukwerk (20%) 3

6 Het logo Het NPO logo is gebaseerd op een vierkant met afgeronde hoeken die terugkomt in de letter O. We noemen de vierkant met afgeronde hoeken de diamant. Het is het eerste fundament van de visuele identiteit. Het woord NPO wordt hier in onderkast toegepast. De ronde letters krijgen hierdoor een open en toegankelijke uitstraling. In geschreven tekst wordt NPO wel in kapitalen gebruikt. De basis van het logo, het vierkant met afgeronde hoeken oftewel de diamantvorm Een extra diamantvorm is vergroot rondom het woord NPO geplaatst, die als basis dient voor het logo De leter N en P zijn ook gebaseerd op de diamantvorm De basis voor het nieuwe NPO logo 4

7 Het logo overzicht Algemeen Televisie Radio Online Thema Themaportals 5

8 De logo's voor televisie, radio en digitaal De basis van de televisie, radio en digitale logo's is een combinatie van de NPO beeld vorm en een tweede diamantvorm voor de aanduiding van het betreffende kanaal. Uitzonderingen Niet alle kanalen worden in deze tweede diamant geplaatst. Sommige kanalen dienen op een andere manier toegepast te worden om hun eigen identiteit te behouden (zie: Zapp, Zappelin, 3FM) Bounding Box In dit logo wordt ook gebruik gemaakt van een bounding box om de identiteit van het logo te waarborgen. Deze minimale logoruimte dient altijd gerespecteerd te worden. Er mogen geen andere logo's of elementen geplaatst worden binnen deze veilige zone. Ook deze bounding box is gebaseerd op een grid van 50% van het beeldmerk. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. In principe wordt het corporate NPO logo nooit gebruikt in combinatie met de zenderlogo s, met de volgende uitzonderingen: - op de website - op de visitekaartjes - in de handtekening - bij bewegwijzering in gebouwen Indien op een middel de verschillende logo s samen geplaatst gaan worden dient contact opgenomen te worden met de afdeling communicatie. Ieder kanaal heeft zijn eigen specifieke kleur, welke wordt weergegeven in de tweede diamantvorm en in het woord NPO Het logo geplaatst op een donkere ondergrond 100% 50% De opbouw van het logogrid van het logo Minimale logo grootte beeldscherm Voor beeldscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven. Bij schermlogo's kleiner dan 32px moet de naamgeving in tekst worden uitgeschreven 6

9 Uitzonderingslogo televisie voor LIVE uitzendingen Bij de logo s van de televisienetten is één extra logovariant van toepassing. Het gaat hier om het bestaande zenderlogo met de toevoeging LIVE onder het logo. Deze uitzondering dient voor gebruik in live uitzendingen en is alleen van toepassing voor televisie varianten. Gebruik van category definers Category definers zoals bijvoorbeeld Soul & Jazz of Nostalgia worden nooit toegevoegd aan de logo s binnen de bounding box, ook niet bij wijze van uitzondering. In middelen mag in de lopende tekst uiteraard wel verwezen worden naar de category definers. LIVE Voor het logo in de rechterbovenhoek van het beeldscherm zijn 2 uitzonderingen toegestaan die in andere middelen niet zijn toegestaan. Wanneer een programma live uitgezonden wordt maken wij dat de kijker duidelijk door het woord live toe te voegen aan het platform-logo. Dit is de enige uitzondering waarin is toegestaan binnen de boundingbox tekst of een afbeelding toe te voegen. Transparant Op tv plaatsen we in de rechterbovenhoek van het scherm 30 seconden na aanvang van een programma het logo van de zender full colour in beeld. Na nog eens 60 seconden verandert het naar een diapositief transparant logo. 7

10 Het aanpassen van het logo De beeldverhouding en uitstraling van het logo dient altijd gerespecteerd te worden. Aanpassingen d.m.v. outlines, versmalling, verbreding, andere kleuren of andere aanpassingen zoals category definers dienen vermeden te worden. Deze regels zijn van toepassing op alle logovarianten van de Nederlandse Publieke Omroep. 8

11 Logo NPO corporate Het corporate logo gebruiken we wanneer we het geheel van de Nederlandse Publieke Omroep aanduiden. Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beeldscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie pagina 5). Het logo is beschikbaar in de volgende bestandsformaten: CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. Kleur NPO_corporate RGB R 255 G 109 B 0 CMYK C 0 M 50 Y 100 K 0 Krant C 0 M 45 Y 100 K 0 PMS Pantone 144 C RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 9

12 NPO icoon Het icoon is het logo dat gebruikt wordt op npo.nl en om npo.nl aan te duiden. Daarnaast kan het icoon in bepaalde gevallen worden gebruikt wanneer we het geheel van de Nederlandse Publieke Omroep aanduiden (nb. gebruik van het volledige corporate logo heeft ook in deze gevallen de voorkeur), bijvoorbeeld in communicatie naar buitenlandse doelgroepen, daar waar de tekst van het corporate logo niet leesbaar zou zijn (bv. geborduurd op bedrijfskleding) of in uitzonderlijke gevallen wanneer betekenis van de afkorting NPO bekend verondersteld mag worden (bijvoorbeeld vervolgslides van een presentatie). Minimale logo grootte beeldscherm Voor beeldscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie pagina 5). Het logo is beschikbaar in de volgende bestandsformaten: CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. Kleur NPO_corporate RGB R 255 G 109 B 0 CMYK C 0 M 50 Y 100 K 0 Krant C 0 M 45 Y 100 K 0 PMS Pantone 144 C In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) 10

13 Logo NPO Plus Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beeldscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie pagina 5). Het logo is beschikbaar in de volgende bestandsformaten: RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. Kleur NPO_corporate RGB R 255 G 109 B 0 CMYK C 0 M 50 Y 100 K 0 Krant C 0 M 45 Y 100 K 0 PMS Pantone 144 C In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 11

14 Logo televisie NPO 1 Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Het logo is beschikbaar in de volgende bestandsformaten: RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur NPO_TV_01 RGB R 217 G 21 B 27 CMYK C 0 M 95 Y 100 K 0 PMS PANTONE 485 C Kleur NPO_Grijs RGB R 230 G 230 B 230 CMYK C 0 M 0 Y 0 K 15 PMS PANTONE Warm Gray 1 C In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beelscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie voorbeeld, pagina 6). Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 12

17 Logo televisie NPO Zapp Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Het logo is beschikbaar in de volgende bestandsformaten: RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur NPO_TV_ZAPP RGB R 29 G 157 B 39 CMYK C 68 M 0 Y 100 K 24 PMS PANTONE 363 C Kleur NPO_Grijs RGB R 230 G 230 B 230 CMYK C 0 M 0 Y 0 K 15 PMS PANTONE Warm Gray 1 C In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beelscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie voorbeeld, pagina 6). Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 15

18 Logo televisie NPO Zappelin Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Het logo is beschikbaar in de volgende bestandsformaten: RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. Kleur NPO_TV_ZAPP RGB R 29 G 157 B 39 CMYK C 68 M 0 Y 100 K 24 PMS PANTONE 363 C Kleur NPO_TV_ZAPP_GEEL RGB R 250 G 240 B 10 CMYK C 7 M 0 Y 88 K 0 PMS PANTONE 108 C Kleur NPO_Grijs RGB R 230 G 230 B 230 CMYK C 0 M 0 Y 0 K 15 PMS PANTONE Warm Gray 1 C In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beelscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie voorbeeld, pagina 6). In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 16

19 Logo radio NPO Radio 1 Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Het logo is beschikbaar in de volgende bestandsformaten: RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Reader / Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur NPO_RD_01 RGB R 0 G 53 B 118 CMYK C 100 M 80 Y 0 K 30 PMS PANTONE 2747 C Kleur NPO_Grijs RGB R 230 G 230 B 230 CMYK C 0 M 0 Y 0 K 15 PMS PANTONE Warm Gray 1 C In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beelscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie voorbeeld, pagina 5). Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 17

21 Logo radio NPO Radio 3FM Het logo kan zowel op een witte als donkere ondergrond geplaatst worden. Uitzondering Wanneer het NPO 3FM-logo naast één of meerdere andere logo s uit de NPO-logofamilie gebruikt wordt altijd contact opnemen met de verantwoordelijke communicatie manager bij de NPO om de verhouding van de logo s ten opzichte van elkaar te bepalen. In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. Het logo is beschikbaar in de volgende bestandsformaten: RGB - voor beeldscherm EPS - Encapsulated Postscript - Adobe Illustrator vector JPG - Joint Photographic Experts Group - (beschikbaar in 72, 300 en 1200dpi) PDF - Portable Document Format - Adobe Acrobat PSD - Photoshop Document - (beschikbaar in 1200dpi) PNG - Portable Network Graphics - (beschikbaar in 72, 300 en 1200dpi) TGA - Truevision Graphics Adapter - (beschikbaar in FullHD, HD en PAL formaat) CMYK - voor drukwerk EPS - Encapsulated Postscript - Adobe Illustrator vector PDF - Portable Document Format - Adobe Reader / Adobe Acrobat Kleur RGB en CMYK kleurwaarden zijn vastgelegd en dienen altijd toegepast te worden. Kleur NPO_RD_03A RGB R 76 G 66 B 13 CMYK C 40 M 40 Y 100 K 70 PMS PANTONE 469 C Kleur NPO_RD_03B RGB R 151 G 213 B 234 CMYK C 44 M 0 Y 6 K 0 PMS PANTONE 304 C Kleur NPO_Grijs RGB R 230 G 230 B 230 CMYK C 0 M 0 Y 0 K 15 PMS PANTONE Warm Gray 1 C Minimale logo grootte drukwerk Om de herkenbaarheid en leesbaarheid te waarborgen dient het corporate logo in drukwerk niet kleiner geplaatst te worden dan 20% van de orginele grootte. Minimale logo grootte beeldscherm Voor beelscherm dient men bij formaten kleiner dan 32 pixels (hoogte) rekening te houden dat de naamgeving in normale tekst wordt weergegeven (zie voorbeeld, pagina 6). In de regel wordt aangeraden altijd gebruik te maken van de kleurenlogo s. De zwartwit versies dienen alleen in uitzondering gebruikt te worden. 19

25 Deel 2 Corporate huisstijl 23

26 Rationale In dit boek wordt de nieuwe visuele identiteit van de Nederlandse Publieke Omroep beschreven. Een identiteit die zich kenmerkt door kleurrijkheid. De kleuren in onze visuele identiteit verbeelden niet alleen de verschillende bevolkingsgroepen waarvoor wij ons kleurrijk en divers programma-aanbod maken, maar ook de plurifomiteit van ons bestel en de verscheidenheid aan radio- en televisiezenders die de NPO rijk is. Onze visuele identiteit gebruikt verschillende kleuren, vaak in combinatie met fotografie waarin we ons publiek en onze makers tonen. De NPO presenteert zich als een heldere en levende mediaorganisatie. De dynamiek van de stijl wordt geruggesteund door een duidelijk grid dat zorgt voor consistentie en stabiliteit over alle uitingen heen. Centraal onderdeel van het grid is de verticale verdeling van vlakken. Eén gedeelte is altijd een kleur; het andere gedeelte bevat een foto of een tweede kleur. De verdeling in vlakken werkt als een soort swipe die kleuren en programma s onthult. Het open de wereld voor de lezer en kijker. Het NPO logo is de verbindende factor tussen beide delen; bescheiden in formaat, maar duidelijk aanwezig en op een cruciale plaats. De eigen kleur van de NPO is oranje. Een logische keuze voor de Nederlandse Publieke Omroep en consistent met het verleden. 24

27 Lettertype De Nederlandse Publieke Omroep maakt gebruik van een eigen lettertype: de NPO Sans. De NPO Sans wordt uitsluitend gebruikt voor tekst in de uitingen van de NPO. Office In office omgeving wordt in de stationary tevens gebruikt gemaakt van de Verdana. Dit is van toepassing voor het briefpapier maar ook voor nieuwsbrieven en handtekeningen. NPO Sans ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz NPO Sans - Bold ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz (,.,:!?<>&%$@#*+) Verdana - Regular ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz (,.,:!?<>&%$@#*+) Verdana - Bold ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz (,.,:!?<>&%$@#*+) 25

28 Typografische hiërarchie De typografische hiërarchie voor de middelen is als volgt opgebouwd. Indien heading 1 te klein is voor een bepaald middel zoals posters en advertenties, mag deze groter gemaakt worden. Stijlen voor tekst Heading 1-35 pt Heading 2-17,5 pt Heading 3-15 pt Heading 4-9 pt NPO Brood - 9 pt Stijlen voor inhoudsopgave NPO Inhoudsopgave - 6,5 pt NPO Inhoudsopgave - 1e niveau - 6,5 pt NPO Inhoudsopgave - 2e niveau - 6,5 pt Stijlen voor grafiek en tabel NPO Brood Grafiek - 5,5 pt NPO Noot Grafiek - 5 pt -- NPO Brood inspring - 9 pt Naam stijl Lettertype Grootte Interlinie NPO Inhoudsopgave - 6,5 10 NPOSans-Bold NPO Inhoudsopgave - 1e niveau - 6,5 10 NPOSans-Regular NPO Inhoudsopgave - 2e niveau - 6,5 10 NPOSans-Regular NPO Heading ,5 NPOSans-Bold NPO Heading 2-17,5 25 NPOSans-Bold NPO Heading ,75 NPOSans-Regular NPO Heading ,5 NPOSans-Bold NPO Body ,5 NPOSans-Regular NPO Body Ident ,5 NPOSans-Regular NPO Brood Grafiek - 5,5 6,25 NPOSans-Regular NPO Noot Grafiek - 5 6,25 NPOSans-Regular

29 Het grid Het document grid is opgebouwd uit 12 kolommen met een goot van 4 mm. Het document heeft boven en onder een marge van 12 mm en 14 mm links en rechts voor zowel liggende als staande middelen. Deze regels gelden ook voor niet A-formaten. Voor middelen kleiner dan A5 worden de marges rondom door tweeën gedeeld, dus 6 mm onder en boven en 7 mm links en rechts. Hierbij wordt nog steeds gebruik gemaakt van 12 kolommen met een goot van 4 mm. Voor middelen groter dan A2 worden de marges en de goot met twee vermenigvuldigd, dus 24 mm onder en boven en 28 mm links en rechts. Hierbij wordt nog steeds gebruik gemaakt van 12 kolommen maar dan met een goot van 8 mm. 27

30

31 Vlakverdeling De vlakverdeling, typografie en de positie van het logo zijn uitgelijnd op het grid. Er kan gekozen worden tussen een vlakverdeling op de vierde kolom of op de tiende kolom. Er mag gebruik gemaakt worden van kleurvlakken en vlakken gevuld met fotografie, een combinatie van fotografie en een kleurvlak is toegestaan evenals twee kleurvlakken. Twee vlakken met fotografie naast elkaar mag niet. Het staat verder niet vast welk vlak wat moet zijn

32

33 Logo positie Horizontaal De positie van het logo wordt bepaald aan de hand van de vlakverdeling. De boundingbox is horizontaal uitgelijnd aan het begin van de derde of van de negende kolom, schaal het logo zodat de ruitvorm van het logo precies in het middelpunt van de vlakverdeling komt te staan

34 Verticaal De positie van het logo wordt bepaald aan de hand van de bounding box. Het logo wordt een halve boundingbox hoger geplaatst vanaf de rand van de marge onderaan de pagina, of een halve boundingbox lager vanaf de marge bovenaan de pagina. 0,5x 32

35 Titel typografie Het volgende element dat bepalend is voor de uitstraling van de brochures is de typografie. De typografie staat altijd in relatie met de vlakverdeling en de positie van het logo (en vice versa). Gebruik altijd oranje & wit voor de titel. De volgorde hiervan staat niet vast, let vooral op het contrast met de achtergrond. De grootte van de titel staat niet vast. Pas deze aan m.b.t. het formaat van het document. Lorem ipsum 2014 Lorem ipsum

36 Lorem ipsum Lorem ipsum

37 Titel doorsneden De typografie dient altijd doorsneden te worden door de vlakverdeling. In uitzonderingsgevallen waar de scheidslijn tussen de 2 vlakkenprecies tussen de letters van de titel loopt, kan er iets geschoven worden met deze scheidslijn. Zit het vlak aan de linkerzijde, dan kan het vlak verschoven worden tot het einde van de derde kolom. Zit het vlak aan de rechterzijde, dan kan het vlak verschoven worden tot het einde van de negende kolom. Lorem ipsum 2014 Lorem ipsum 2014 Let er wel op als je dit doet, dat de ruit nog steeds in het midden van de lijn staat

38 orem Lorem ipsum Lorem ipsum psum

39 Kleurenpalet Het volledige NPO kleurenpalet is verdeeld in twee categorieën: primair (algemeen) en secundair (televisie en radio kleuren). Primaire kleur RGB beeldscherm CMYK drukwerk PANTONE referentie Algemeen NPO Corporate oranje R 255 G 109 B 0 C 0 M 50 Y 100 K 0 * PANTONE 144 C NPO Icoon oranje R 255 G 109 B 0 C 0 M 50 Y 100 K 0 * PANTONE 144 C NPO Uitzending gemist oranje R 255 G 109 B 0 C 0 M 50 Y 100 K 0 * PANTONE 144 C NPO Plus oranje R 255 G 109 B 0 C 0 M 50 Y 100 K 0 * PANTONE 144 C Televisie NPO Grijs R 230 G 230 B 230 C 0 M 0 Y 0 K 15 PANTONE Warm Gray 1 C Secundaire kleuren NPO 1 rood R 217 G 21 B 27 C 0 M 95 Y 100 K 0 PANTONE 485 C NPO 2 blauw R 0 G 156 B 221 C 75 M 24 Y 0 K 0 PANTONE 2925 C NPO 3 groen R 0 G 199 B 37 C 55 M 0 Y 100 K 0 PANTONE 7488 C NPO Zapp/Zappelin groen R 29 G 157 B 39 C 68 M 0 Y 100 K 24 PANTONE 363 C NPO Zappelin geel R 250 G 240 B 10 C 7 M 0 Y 88 K 0 PANTONE 108 C Radio NPO Grijs R 230 G 230 B 230 C 0 M 0 Y 0 K 15 PANTONE Warm Gray 1 C NPO Radio 1 blauw R 0 G 53 B 118 C 100 M 80 Y 0 K 30 PANTONE 2747 C NPO Radio 2 rood R 217 G 21 B 27 C 0 M 95 Y 100 K 0 PANTONE 485 C NPO Radio 3FM bruin R 76 G 66 B 13 C 40 M 40 Y 100 K 70 PANTONE 469 C NPO Radio 3FM blauw R 151 G 213 B 234 C 44 M 0 Y 6 K 0 PANTONE 304 C NPO Radio 4 paars R 119 G 33 B 111 C 55 M 99 Y 3 K 16 PANTONE 259 C NPO Radio 5 terracota R 214 G 99 B 14 C 12 M 71 Y 100 K 2 PANTONE 717 C NPO Radio 6 paars R 170 G 0 B 140 C 10 M 100 Y 0 K 10 PANTONE 234 C * Voor druk op krantenpapier hanteren we een aangepaste CMYK-kleurwaarde - C0 M45 Y100 K0 37

40 Verplichte kleurcombinaties De kleur oranje en wit vormen de basis in iedere uiting. Hiervoor gelden twee uitgangspunten: 1. Uitingen met fotografie zijn altijd in oranje & wit + maximaal 1 extra secundaire kleur 2. Uitingen zonder fotografie zijn altijd oranje & wit + 1 of 2 secundaire kleur(en). Primaire kleuren De kleuren worden toegepast op typografie en volvlakken. Gebruik voor de typografie altijd de oranje & wit kleuren combinatie. Bij de opmaak staat er niet vast welk vlak welke kleur krijgt, hier is de ontwerper vrij in om te kiezen, zolang er geen andere kleurcombinaties gevormd worden dan de toegestane kleurcombinaties die hiernaast staan afgebeeld. NPO 2 blauw NPO zappelin geel NPO radio 6 paars NPO 1 rood NPO 2 blauw NPO 3 groen Dus géén NPO Zappelin groen, NPO 3FM bruin en lichtblauw, NPO Radio 4 donkerpaars en geen Radio 5 Terracotta gebruiken. NPO 1 rood NPO radio 1 donkerblauw NPO 3 groen NPO radio 1 donkerblauw NPO radio 6 paars NPO zappelin geel Let op! Als de tekst van het NPO Logo geplaatst wordt op een rood vlak, gebruik dan het witte NPO Logo i.v.m. de leesbaarheid (zie pagina 55). Secundaire kleurcombinaties 38

41 Binnenwerk zonder fotografie In het binnenwerk wordt het vlak van de omslag herhaald in kleur. Hier mag extra informatie geplaatst worden zoals bijvoorbeeld de inhoudsopgave. De rest van de pagina blijft wit, hier mag geen kleurvlak geplaatst worden. Ebistis nos magnatu riatis sus moluptatet id min nectio de re pro con nem fugit, solorro qui od quatur? Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem. Voorbeeld Ebistis nos magnatu riatis sus moluptatet id min nectio de re pro con nem fugit, solorro qui od quatur? Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellescienet adis dolorer chiciis doluptae quid quodio et liae lacerion re sinum idus nonseria con eriaero qui corio. Nequia nonectotatia cor sam santo ventur, comnis adi dollaceptas eossit landit dundis as suntio. Bitiurem ut aceped eaquiatentia nonectures endit autat acil etur sunt apis et aut quamust iatinum fugiaec totatib eaquat ium quiam et et alibusam veriscietur si optiorecae nobisqui nobitassit deliature plabo. Nam, tor rerchici ditet ut aliquos a velles ero velesedi consed magnat. Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Ebistis nos magnatu riatis sus moluptatet id min nectio de re pro con nem fugit, solorro qui od quatur? Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellescienet adis dolorer chiciis doluptae quid quodio et liae lacerion re sinum idus nonseria con eriaero qui corio. Nequia nonectotatia cor sam santo ventur, comnis adi dollaceptas eossit landit dundis as suntio. Bitiurem ut aceped eaquiatentia nonectures endit autat acil etur sunt apis et aut quamust iatinum fugiaec totatib eaquat ium quiam et et alibusam veriscietur si optiorecae nobisqui nobitassit deliature plabo. Nam, tor rerchici ditet ut aliquos a velles ero velesedi consed magnat. Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa. Ebistis nos magnatu riatis sus moluptatet id min nectio de re pro con nem fugit, solorro qui od quatur? Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellescienet adis dolorer chiciis doluptae quid quodio et liae lacerion re sinum idus nonseria con eriaero qui corio. Nequia nonectotatia cor sam santo ventur, comnis adi dollaceptas eossit landit dundis as suntio. Bitiurem ut aceped eaquiatentia nonectures endit autat acil etur sunt apis et aut quamust iatinum fugiaec totatib eaquat ium quiam et et alibusam veriscietur si optiorecae nobisqui nobitassit deliature plabo. Nam, tor rerchici ditet ut aliquos a velles ero velesedi consed magnat. Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa

42 4.2.8 Lorem ipsum Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellesorio. Voorbeeld Lorem ipsum Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellescienet adis dolorer chiciis doluptae quid quodio et liae lacerion re sinum idus nonseria con eriaero qui corio. Nequia nonectotatia cor sam santo ventur Lorem ipsum Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellescienet adis dolorer chiciis doluptae quid quodio et liae lacerion re sinum idus nonseria con eriaero qui corio. Nequia nonectotatia cor sam santo ventur

43 Binnenwerk met fotografie Fotografie mag in de kolommen of volvlak geplaatst worden. Voorbeeld Ebistis nos magnatu riatis sus moluptatet id min nectio de re pro con nem fugit, solorro qui od quatur? Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem. Ebistis nos magnatu riatis sus moluptatet id min nectio de re pro con nem fugit, solorro qui od quatur? Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Nullam aut omnihil laccabori comnim sit fugit que ommossi tibere pro qui dolore simet audi opturerum repudio. Arum et es num quis alibus adita doluptati qui reheniendi verci to et modit, quis quia quo inctemquibus ra peribus, quatur sit estiste mporeicia vollupt atquid que qui corenet eos mo ventet quatur auteceat aut ressitae pore officto tem endaeped ut vollesed mod quatusd aestest ruptatquas perum hitasseque volupicaest, quam, cones debis resciatatur aborendis eicia cus, officia susa debist, solorestia consequ atemporro eium eaquis exero venihicto este volenim neserfe rrovit laut antion plab ium id ut hit aut exerum quo imet ped eatisquas event ellescienet adis dolorer chiciis doluptae quid quodio et liae lacerion re sinum idus nonseria con eriaero qui corio. Nequia nonectotatia cor sam santo ventur, comnis adi dollaceptas eossit landit dundis as suntio. Bitiurem ut aceped eaquiatentia nonectures endit autat acil etur sunt apis et aut quamust iatinum fugiaec totatib eaquat ium quiam et et alibusam veriscietur si optiorecae nobisqui nobitassit deliature plabo. Nam, tor rerchici ditet ut aliquos a velles ero velesedi consed magnat. Et qui officiis et offici voluptaquis sit atur? Totatur milliquis excestinctum exceati tempe officiti officab il ilignam labo. Itam, sedis dolumen ihillac itaecer namusda sita num, omnit, corio ipsa inctis qui custes et reptamus ent essinum quiatios erum endelic temporum harcita turisitia doluptatur? Bo. Eque simus aliquat verum restium, que plabo. Nequaec eseque as nis elestem eatem aut aspicabore dem etum et rem quias ducient. Fotografie

Nog meer weergeven