Projectstijl Conceptversie vastlegging 3.0 30 augustus 2012
Afzenderschap Gebruik van het logo in de projectstijl In het project hebben we te maken met een samenwerking tussen twee ministeries en een externe partner: het Ministerie van Veiligheid en Justitie, het Ministerie van Volksgezondheid, Welzijn en Sport en de Vereniging van Nederlandse Gemeenten. Omdat er meerdere organisaties samenwerken communiceren we in de neutrale stijl van de Rijksoverheid. Op elke uiting worden de drie organisaties vermeld met logo s of in tekst, in de regel zal dit achterop de omslag gebeuren. Het Rijksbrede lint wordt in de neutrale stijl niet gebruikt. Kijk voor de richtlijnen en voorbeelden in het huisstijlhandboek bij Afzenderschap en samenwerkings verbanden en bijlage 1. Achterop worden de drie organisaties vermeld met logo s of in tekst 1
De projectstijl Een eigen karakter met de letter J Het project heeft haar eigen projectstijl binnen de Rijksoverheid. Om deze herkenbaar te maken en een eigen karakter te geven gebruiken we de letter J (van ) als beeld bepalend element. We gebruiken de J in combinatie met de verticale vlakverdeling. De J staat met de rug (de rechterzijde) tegen de rechterzijde van een vlak waar hij in staat. De J staat bij voorkeur op de linkerhelft van het middel, zodat er op de rechterhelft tekst geplaatst kan worden langs de rug van de J. 2
Plaatsing van de titels Variabele titel en vaste ondertitel Het project heeft als vaste ondertitel en als titel Voor de. Deze titel Voor de kan ook vervangen worden door een specifiekere titel, bijvoorbeeld Jaarverslag 2012 als dat gewenst is. De ondertitel lijnt uit met de hoogte van de J Als er geen titel is kan verticaal geplaatst worden. De ondertitel kan hierdoor groter geplaatst worden. Verticaal gebruik ondertitel heeft dezelfde hoogte als de J en wordt aan de boven- en onderzijde uitgelijnd. Het woord staat op de eerste regel, op de tweede regel. De tekst is altijd linkslijnend. Horizontaal gebruik titel Voor de De titel staat binnen het vlak dat gedefinieerd wordt door de J. Voor de staat binnen het vlak dat gedefinieerd wordt door de J, het mag op verschillende hoogtes staan. Horizonaal gebruik ondertitel wordt aan de boven- of onderzijde van de J uitgelijnd en kan over één of twee regels geplaatst worden. De ondertitel lijnt boven- of onderaan de J 3
Maatvoering van de ondertitel vierkant vlak Uitlijnen van de J en de vaste ondertitel Bij gebruik van een vierkant vlak met een verticale vlakverdeling is de marge voor witruimte rondom de J 10% van de totale maat van het vlak. 100% 10% Verticaal gebruik ondertitel De ondertitel Stelselwijzing heeft dezelfde hoogte als de J. De ruimte tussen de rug van de J en de ondertitel is 10%. 1. 2. Horizontaal gebruik ondertitel De ondertitel kan op vier verschillende manieren geplaatst worden. 1. Als kopregel over twee regels 2. Als kopregel over één regel 3. Als voetregel over twee regels 4. Als voetregel over één regel De ruimte tussen de J en de ondertitel is de helft van het 10% blokje. 3. 4. 4
Maatvoering van de ondertitel DIN A-formaten De maatvoering Staande DIN A-fomaten hebben de voorkeur, zoals beschreven in de algemene Rijksoverheid richtlijnen. De witruimte rond de J is gebaseerd op de maat van het logo. Verticaal gebruik ondertitel De J staat binnen de standaard zetspiegel. Bovenaan zit één blokje afstand. Horizontaal gebruik ondertitel Verticaal gebruik ondertitel De verticaal geplaatste ondertitel kan gebruikt worden op een staand of een liggend DIN A-formaat. De ondertitel is in dit geval even hoog als de J. De afstand tussen de J en de ondertitel is één blokje. 1. 3. Horizonaal gebruik ondertitel De horizontaal geplaatste ondertitel kan gebruikt worden op een staand of een liggend DIN A-formaat. De vaste ondertitel is linkslijnend en is gepositioneerd op één blokje afstand van de bovenzijde en een half blokje afstand ten opzichte van de J. 2. 4. 5 De ondertitel kan op vier verschillende manieren geplaatst worden. 1. Als kopregel over twee regels 2. Als kopregel over één regel 3. Als voetregel over twee regels 4. Als voetregel over één regel 1. 2. 3. 4.
Maatvoering van de ondertitel vergroten en verkleinen Maatvoering ondertitel bij vergroten Wanneer de tekstgrootte van de ondertitel en een titel te weinig van elkaar verschillen, kan de ondertitel kleiner gemaakt worden. Plaats deze dan linkslijnend. Geef de ondertitel een maat gebaseerd op het 10% blokje. Lorem ipsum do lor sit amet rem ipsum dolor sit Maat voering bij verkleinen Let erop dat de ondertitel nooit kleiner is dan 7,5 pt zoals beschreven in de algemene Rijksoverheid richtlijnen. Ruimte van twee blokjes aan de rechter zijde van Maximale verkleining: ondertitel 7,5 pt 6
Do s en Don ts met de J Do Lorem ipsum dolor sit amet De algemene Rijksoverheid richtlijnen zijn van toepassing. Hieronder een paar aanvullende voorbeelden van juist en onjuist gebruik van de projectstijl. De J staat met de rug tegen de rechterzijde van het (linker) vlak. In het rechter vlak is plaats voor tekst. De J staat met de rug tegen de rechterzijde van het vlak. De foto heeft genoeg contrast om de J te plaatsen. De foto heeft genoeg contrast om de J te plaatsen. De J en hebben dezelfde hoogte. Don t Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet De J moet altijd met de rug tegen het vlak staan waar hij in staat. De J mag niet gespiegeld gebruikt worden. De J mag niet uit proportie uitgerekt, vergroot of verkleind worden. De stok van de letter mag dus niet langer gemaakt worden. De J mag niet zonder witruimte om de letter op een vlak geplaatst worden De J moet goed zichtbaar zijn wanneer deze over een foto geplaatst. (zie ook algemene richtlijnen logogebruik) Gebruik de accentkleur (rijksoverheid rubine red) nooit in kleurvlakken op de cover. 7
Kleurgebruik Hoofdkleur Rijksoverheid Hemelblauw Accentkleur Rijksoverheid Robijnrood De herkenbaarheid van de projectstijl wordt vergroot door de kleurenset op consequente en juiste manier toe te passen in alle middelen. De hoofdkleur in de projectstijl is Rijksoverheid Hemelblauw, een professionele en frisse kleur. Daarnaast is er een aanvullend kleurenpalet van zes steunkleuren en één accentkleur. Pantone Gestreken: Process Cyan c Ongestreken: Process Cyaan u Fullcolour Gestreken: C100 M 0 Y0 K0 Ongstreken: C100 M0 Y0 K0 Web R 0 G 123 B 199 #007bc7 Pantone G: Rubine Red O: 226u Fullcolour G: C0 M100 Y18 K3 O: C0 M100 Y2 K0 Web R202 G0 B93 #ca005d Steunkleuren Steunkleuren De steunkleuren voegen harmonie en diversiteit toe aan het Hemelblauw. Steunkleuren kunnen toegepast worden in alle middelen maar mogen nooit zonder de hoofdkleur gebruikt worden. Elke steunkleur geeft in combinatie met de hoofdkleur een andere uitstraling. Accentkleur De accentkleur wordt vooral gebruikt om iets uit te lichten, bijvoorbeeld in het binnenwerk van een brochure, nooit op de cover. Rijksoverheid Paars Rijksoverheid Roze Pantone G: 2627c O: 2603u Fullcolour G: C81 M100 Y6 K35 O: C73 M100 Y0 K3 Web R66 G20 B95 #42145f Pantone G: 223c O: 223u Rijksoverheid Violet Pantone G: 227c O: 233u Fullcolour G: C7 M100 Y7 K21 O: C12 M100 Y0 K0 Web R169 G0 B97 #a90061 Rijksoverheid Mintgroen Pantone G: 338c O: 338u Rijksoverheid Rood Rijksoverheid Groen Pantone G: 485c O: 485u Fullcolour G: C0 M96 Y100 K0 O: C0 M96 Y100 K0 Web R213 G43 B30 #d52b1e Pantone G: 369c O: 376u Fullcolour G: C1 M50 Y0 K0 O: C1 M50 Y0 K0 Fullcolour G: C51 M0 Y30 K0 O: C51 M0 Y30 K0 Fullcolour G: C73 M0 Y100 K0 O: C59 M0 Y100 K0 Web R240 G146 B205 #f092cd Web R118 G210 B182 #76d2b6 Web R57 G135 B12 #39870c 8
Kleurcombinaties Hoofdkleur - steunkleur Er zijn verschillende kleurcombinaties mogelijk met de hoofd- en steunkleuren. Rijksoverheid Paars, Violet en Rood zijn goed leesbaar op een Hemelblauwe achtergrond. De overige drie kleuren: Roze, Mintgroen en Groen werken alleen op een witte achtergrond. Kleuren met hoog contrast, bruikbaar op Hemelblauw Kleuren met laag contrast, bruikbaar op wit 9
Kleurverdeling Verhouding hoofdkleur - steunkleur Het is belangrijk dat de hoofdkleur altijd aanwezig is in alle middelen. De verhouding tussen de hoofd- en steunkleuren kan wel verschillend zijn. Hieronder twee verschillende combinaties, op de volgende pagina meer voorbeelden. 50% hoofdkleur 50% wit 15% hoofdkleur 35% wit 50% steunkleur 10
Kleurverdeling Verhouding hoofdkleur - steunkleur Typografische en fotografische voorbeelden. De hoofd- of steunkleur kan behalve in een kleurvlak ook in een foto terugkomen. 70% - 35% hoofdkleur 15% steunkleur 35% hoofdkleur 35% steunkleur 15% - 35% hoofdkleur 35% - 50% steunkleur 11
Typografie De letter J Voor het vaste beeldelement, de J wordt altijd de Rijksoverheid SansHeading gebruikt. Vaste ondertitel De vaste ondertitel staat altijd in de RijksoverheidSans Bold in de kleur Rijksoverheid Hemelblauw. Boven de 12 pt gebruik je de RijksoverheidSans- Heading, onder de 12 pt RijksoverheidSansText. Zie voor meer informatie de algemene richtlijnen. Titels Alle titels worden in de RijksoverheidSans geplaatst. Corpsgrootte, vetheid en kleur hangen af van de lengte van de titel en de ondergrondkleur. Overige typografie Lorem ipsum Zie hiervoor de algemene richtlijnen. 12
Voorbeelden uitwerking projectstijl Omslag Hieronder een aantal voorbeelden van staande omslagen met typografische en fotografische elementen. De hoofdkleur is altijd aanwezig, een steunkleur is optioneel en kan ook in een foto naar voren komen. Natuurlijk zijn er veel meer mogelijkheden. Stelselherziening Verslag 2011 Verslag 2011 Voor de jeugd Naschoolse opvang 13
Voorbeelden uitwerking projectstijl Internet banner Hieronder een aantal voorbeelden van internetbanners. De algemene Rijksoverheid richtlijnen zijn van toepassing. Op de volgende pagina zie je de voorbeelden van de liggende banners. Voor de jeugd Voor de jeugd Voor de jeugd Voor de jeugd Voor de jeugd 125 x 125 Square button 120 x 90 Button 120 x 60 Button 300 x 250 Rectangle 120 x 600 Skyscraper 14
Voorbeelden uitwerking projectstijl Internet banners Voor de jeugd 468 x 60 Full banner Voor de jeugd Onderwerp invulbaar 728 x 90 Leaderboard 234 x 60 Half banner 15
Voorbeelden uitwerking projectstijl Advertenties Hieronder een tweetal voorbeelden van advertenties. Lectota que doles pro dus ut Pelestrum quid essincid eum Nonet hil ellessi ut et labores ut Doloria vererior sim dem fugia del eos qui quame qui a doloremperum laborporento doloremodis everum. www.voordejeugd.nl Aquos dipient volor Alit, evendiori ut officil iciet Nonet hil ellessi ut et labores ut Doloria vererior sim dem fugia del eos qui quame qui a dolorem perum laborporento doloremodis everum eos vererior sim. www.voordejeugd.nl Dit project kwam tot stand door een samenwerking tussen: Ministerie van Justitie Ministerie van Volksgezondheid, Welzijn en Sport Vereniging van Nederlandse Gemeenten 16
Voorbeelden uitwerking projectstijl Website Op de volgende pagina s twee voorbeelden van de vertaling naar de website. Kleur- en fotografiegebruik komen naar voren. Home Nieuws Onderwerpen Ministerie Regering Documenten en publicaties Voor de jeugd Nieuws Top 5 meest gestelde vragen 17 Doe mee zoek
Voorbeelden uitwerking projectstijl Website Home Nieuws Onderwerpen Ministerie Regering Documenten en publicaties Voor de jeugd Nieuws Top 5 meest gestelde vragen 18 Doe mee zoek
Fotografie Anoniem maar dichtbij De fotografierichtlijnen voor de Rijksoverheid gelden ook voor. In het kort hier een overzicht van de belangrijkste uitgangspunten: 1) De verbeelding van het onderwerp is helder en expliciet 2) De mens in zijn omgeving staat centraal De vijf beeldkenmerken: Krachtig, Helder, Sober, Geloofwaardig en Nederlands zijn leidend. In worden soms gevoelige onderwerpen behandeld. Daarom zijn er een aantal aanvullende richtlijnen die belangrijk zijn om in acht te nemen bij het maken en selecteren van foto s. Hierdoor hebben de beelden die binnen de projectstijl gebruikt mogen worden ook een eigen karakter. Inhoudelijke richtlijnen - De jeugd is altijd anoniem in beeld in verband met het gevoelige onderwerp en portretrecht. - Beelden zijn ingezoomd op het onderwerp; Letterlijk dicht bij de mens. - Het is beeld is positief of oplossingsgericht. - De getoonde personen vormen een afspiegeling van de Nederlandse samenleving. Aanvullende technische richtlijnen - Foto s hebben een kleine scherptediepte; de focus is op het onderwerp, de achtergrond is onscherp. - Houd rekening met de plaatsing van typografie; zorg voor voldoende contrast en rust. - Maak foto s met genoeg vlees rondom het onderwerp; rekening houdend met plaatsing in staande en liggende middelen. - Bewerk de foto s neutraal; de verdeling van licht en donker benadert de werkelijkheid. 19
Fotografie Voorbeelden van gebruik foto s Beelden zijn altijd ingezoomd op het onderwerp; Letterlijk dicht bij de mens. De jeugd is altijd anoniem in beeld. Houd rekening met de plaatsing van typografie; zorg voor voldoende contrast en rust. Titel Titel Voor de jeugd 20
Beeldbank CJG Foto s die voldoen aan de richtlijnen voor de projectstijl 0-4 jr Peuters 21
Beeldbank CJG / VWS Foto s die voldoen aan de richtlijnen voor de projectstijl 22 12-18 jr Voortgezet onderwijs
Contactgegevens Mocht u vragen of opmerkingen hebben, neem dan contact op met Ontwerpwerk. T 070 313 20 20 Projectstijl is ontwikkeld door 23