Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij...

59
Huisstijl- handboek Gemeente Rotterdam Versie juni 2020 fotografie Peter Schmidt

Transcript of Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij...

Page 1: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

Huisstijl-handboek

Gemeente RotterdamVersie juni 2020

foto

gra

fie P

eter

Sch

mid

t

2

Dit is het huisstijlhandboek van gemeente Rotterdam Dit handboek is een inhoudelijk naslagwerk voor vormgevers en communicatieadviseurs

Monolithische huisstijl

bull De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel naar buiten treden Dus ook met eacuteeacuten gezicht Dit vraagt om een sterke uitstraling zowel visueel als in het taalgebruik

bull Een monolithische huisstijl is krachtig snel herkenbaar en geeft duidelijkheid eacuteeacuten afzender

bull Hoe We houden ons aan het gebruik van de bouwstenen en aan de vormgevingsrichtlijnen Hierdoor krijgen al onze communicatiemiddelen een uniforme uitstraling die past bij het DNA van Rotterdam Dit versterkt de saamhorigheid en trots binnen de organisatie onder partners ondernemers en inwoners

bull De gemeente Rotterdam heeft eacuteeacuten logo dat is de R waar de Maas doorheen stroomt met daarnaast of onder Gemeente Rotterdam met een paar uitzonderingen Logorsquos voor projecten clusters ed zijn niet toegestaan want dat doet afbreuk aan onze herkenbaarheid

We spreken het volgende af

bull we respecteren de monolithische huisstijl en passen deze altijd toe

bull we gebruiken de bouwstenen bull we passen de vormgevingsrichtlijnen toebull we gebruiken de beschikbare stramienen

Heb je vragen Neem dan contact op met het Huisstijl Management van de gemeente Rotterdam viaRotterdamnlhuisstijlBeeldrotterdamnl

3

Inhoud

1 Afzenderschap 4

2 De bouwstenen van de huisstijl 5

3 Vormgevingsrichtlijnen in hoofdlijnen 6

4 Vormgevingsrichtlijnen uitgelegd 11

4

1 Afzenderschap

Het is belangrijk voordat je van start gaat met een uiting of campagne dat je nadenkt over hoe je jouw doelgroep het beste aanspreekt en bereikt met jouw boodschap Dat de afzender herkenbaar en duidelijk is is hierbij essentieel Hiervoor zijn vier opties

1 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen Hiervoor gebruik je het beste de volledige Rotterdamse huisstijl

2 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen maar ook innovatief en in pro-actieve samenwerking met de stad Hiervoor gebruik je het beste de Rotterdamse huisstijl Als het past kun je hieraan het label Make It Happen toevoegen (let op alleen het label niet de stijl)

3 De gemeente is niet de hoofdafzender Is een andere huis- of projectstijl noodzakelijk dan heb je voorafgaand hieraan toestemming nodig van het Huisstjil Management van de gemeente Rotterdam

Gemeentelijk huisstijl Andere huisstijl

1 2 3

1

5

2 De bouwstenen van de huisstijl

De huisstijl bestaat uit tien bouwstenen Door de bouwstenen juist toe te passen krijgen alle huisstijlmiddelen eenheid en is de afzender direct herkenbaar

De bouwstenen zijn1 het logo van gemeente Rotterdam2 de logobalk (de groene balk wordt niet meer

gebruikt voor contactgegevens)3 de kleur groen4 een witte drager (achtergrond) als basis 5 rechthoekige vormentaal6 een groen vierkant tekstvlak7 lettertype Arial8 lettertype Arial for Rotterdam9 eenvoudige platte rechttoe-rechtaan vormgeving

(geen gelaagdheid) 10 functioneel wit en witruimtes tussen de losse

onderdelen

als er ruimte is op het middel waar mogelijk als de copy leesbaar blijft (max 5 woorden achter elkaar en 3 regels onder elkaar min lettergrootte 28 pt)

2

6

3 Vormgevingsrichtlijnen in hoofdlijnen

bull Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheel (1)

bull We gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

bull Gebruik bij voorkeur het basis logo het brede logo met beeldmerk en de naam Gemeente Rotterdam naast elkaar

bull We gebruiken het gekleurde logo (groen en blauw) altijd op een witte achtergrond

bull We gebruiken het zwarte of witte logo (2) als er maar in eacuteeacuten kleur gedrukt kan worden

bull Het stempellogo (3) wordt gebruikt op kleding of als het logo te klein (of het materiaaldrukwijze te grof) is voor het logo in zwart of wit (2)

bull We houden de opmaak fris De drager (de achtergrond van het middel) blijft witonbedrukt Fotorsquos en vlakken lopen maximaal aan twee zijden af (4) De logobalk telt mee als witte zetspiegelmarge Minimaal twee zijden (boven onder links enof rechts) van de zetspiegel blijven wit

3

1

2

4

3

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 2: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

2

Dit is het huisstijlhandboek van gemeente Rotterdam Dit handboek is een inhoudelijk naslagwerk voor vormgevers en communicatieadviseurs

Monolithische huisstijl

bull De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel naar buiten treden Dus ook met eacuteeacuten gezicht Dit vraagt om een sterke uitstraling zowel visueel als in het taalgebruik

bull Een monolithische huisstijl is krachtig snel herkenbaar en geeft duidelijkheid eacuteeacuten afzender

bull Hoe We houden ons aan het gebruik van de bouwstenen en aan de vormgevingsrichtlijnen Hierdoor krijgen al onze communicatiemiddelen een uniforme uitstraling die past bij het DNA van Rotterdam Dit versterkt de saamhorigheid en trots binnen de organisatie onder partners ondernemers en inwoners

bull De gemeente Rotterdam heeft eacuteeacuten logo dat is de R waar de Maas doorheen stroomt met daarnaast of onder Gemeente Rotterdam met een paar uitzonderingen Logorsquos voor projecten clusters ed zijn niet toegestaan want dat doet afbreuk aan onze herkenbaarheid

We spreken het volgende af

bull we respecteren de monolithische huisstijl en passen deze altijd toe

bull we gebruiken de bouwstenen bull we passen de vormgevingsrichtlijnen toebull we gebruiken de beschikbare stramienen

Heb je vragen Neem dan contact op met het Huisstijl Management van de gemeente Rotterdam viaRotterdamnlhuisstijlBeeldrotterdamnl

3

Inhoud

1 Afzenderschap 4

2 De bouwstenen van de huisstijl 5

3 Vormgevingsrichtlijnen in hoofdlijnen 6

4 Vormgevingsrichtlijnen uitgelegd 11

4

1 Afzenderschap

Het is belangrijk voordat je van start gaat met een uiting of campagne dat je nadenkt over hoe je jouw doelgroep het beste aanspreekt en bereikt met jouw boodschap Dat de afzender herkenbaar en duidelijk is is hierbij essentieel Hiervoor zijn vier opties

1 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen Hiervoor gebruik je het beste de volledige Rotterdamse huisstijl

2 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen maar ook innovatief en in pro-actieve samenwerking met de stad Hiervoor gebruik je het beste de Rotterdamse huisstijl Als het past kun je hieraan het label Make It Happen toevoegen (let op alleen het label niet de stijl)

3 De gemeente is niet de hoofdafzender Is een andere huis- of projectstijl noodzakelijk dan heb je voorafgaand hieraan toestemming nodig van het Huisstjil Management van de gemeente Rotterdam

Gemeentelijk huisstijl Andere huisstijl

1 2 3

1

5

2 De bouwstenen van de huisstijl

De huisstijl bestaat uit tien bouwstenen Door de bouwstenen juist toe te passen krijgen alle huisstijlmiddelen eenheid en is de afzender direct herkenbaar

De bouwstenen zijn1 het logo van gemeente Rotterdam2 de logobalk (de groene balk wordt niet meer

gebruikt voor contactgegevens)3 de kleur groen4 een witte drager (achtergrond) als basis 5 rechthoekige vormentaal6 een groen vierkant tekstvlak7 lettertype Arial8 lettertype Arial for Rotterdam9 eenvoudige platte rechttoe-rechtaan vormgeving

(geen gelaagdheid) 10 functioneel wit en witruimtes tussen de losse

onderdelen

als er ruimte is op het middel waar mogelijk als de copy leesbaar blijft (max 5 woorden achter elkaar en 3 regels onder elkaar min lettergrootte 28 pt)

2

6

3 Vormgevingsrichtlijnen in hoofdlijnen

bull Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheel (1)

bull We gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

bull Gebruik bij voorkeur het basis logo het brede logo met beeldmerk en de naam Gemeente Rotterdam naast elkaar

bull We gebruiken het gekleurde logo (groen en blauw) altijd op een witte achtergrond

bull We gebruiken het zwarte of witte logo (2) als er maar in eacuteeacuten kleur gedrukt kan worden

bull Het stempellogo (3) wordt gebruikt op kleding of als het logo te klein (of het materiaaldrukwijze te grof) is voor het logo in zwart of wit (2)

bull We houden de opmaak fris De drager (de achtergrond van het middel) blijft witonbedrukt Fotorsquos en vlakken lopen maximaal aan twee zijden af (4) De logobalk telt mee als witte zetspiegelmarge Minimaal twee zijden (boven onder links enof rechts) van de zetspiegel blijven wit

3

1

2

4

3

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 3: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

3

Inhoud

1 Afzenderschap 4

2 De bouwstenen van de huisstijl 5

3 Vormgevingsrichtlijnen in hoofdlijnen 6

4 Vormgevingsrichtlijnen uitgelegd 11

4

1 Afzenderschap

Het is belangrijk voordat je van start gaat met een uiting of campagne dat je nadenkt over hoe je jouw doelgroep het beste aanspreekt en bereikt met jouw boodschap Dat de afzender herkenbaar en duidelijk is is hierbij essentieel Hiervoor zijn vier opties

1 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen Hiervoor gebruik je het beste de volledige Rotterdamse huisstijl

2 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen maar ook innovatief en in pro-actieve samenwerking met de stad Hiervoor gebruik je het beste de Rotterdamse huisstijl Als het past kun je hieraan het label Make It Happen toevoegen (let op alleen het label niet de stijl)

3 De gemeente is niet de hoofdafzender Is een andere huis- of projectstijl noodzakelijk dan heb je voorafgaand hieraan toestemming nodig van het Huisstjil Management van de gemeente Rotterdam

Gemeentelijk huisstijl Andere huisstijl

1 2 3

1

5

2 De bouwstenen van de huisstijl

De huisstijl bestaat uit tien bouwstenen Door de bouwstenen juist toe te passen krijgen alle huisstijlmiddelen eenheid en is de afzender direct herkenbaar

De bouwstenen zijn1 het logo van gemeente Rotterdam2 de logobalk (de groene balk wordt niet meer

gebruikt voor contactgegevens)3 de kleur groen4 een witte drager (achtergrond) als basis 5 rechthoekige vormentaal6 een groen vierkant tekstvlak7 lettertype Arial8 lettertype Arial for Rotterdam9 eenvoudige platte rechttoe-rechtaan vormgeving

(geen gelaagdheid) 10 functioneel wit en witruimtes tussen de losse

onderdelen

als er ruimte is op het middel waar mogelijk als de copy leesbaar blijft (max 5 woorden achter elkaar en 3 regels onder elkaar min lettergrootte 28 pt)

2

6

3 Vormgevingsrichtlijnen in hoofdlijnen

bull Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheel (1)

bull We gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

bull Gebruik bij voorkeur het basis logo het brede logo met beeldmerk en de naam Gemeente Rotterdam naast elkaar

bull We gebruiken het gekleurde logo (groen en blauw) altijd op een witte achtergrond

bull We gebruiken het zwarte of witte logo (2) als er maar in eacuteeacuten kleur gedrukt kan worden

bull Het stempellogo (3) wordt gebruikt op kleding of als het logo te klein (of het materiaaldrukwijze te grof) is voor het logo in zwart of wit (2)

bull We houden de opmaak fris De drager (de achtergrond van het middel) blijft witonbedrukt Fotorsquos en vlakken lopen maximaal aan twee zijden af (4) De logobalk telt mee als witte zetspiegelmarge Minimaal twee zijden (boven onder links enof rechts) van de zetspiegel blijven wit

3

1

2

4

3

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 4: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

4

1 Afzenderschap

Het is belangrijk voordat je van start gaat met een uiting of campagne dat je nadenkt over hoe je jouw doelgroep het beste aanspreekt en bereikt met jouw boodschap Dat de afzender herkenbaar en duidelijk is is hierbij essentieel Hiervoor zijn vier opties

1 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen Hiervoor gebruik je het beste de volledige Rotterdamse huisstijl

2 De gemeente is de afzender Je wilt gezaghebbend betrouwbaar en serieus overkomen maar ook innovatief en in pro-actieve samenwerking met de stad Hiervoor gebruik je het beste de Rotterdamse huisstijl Als het past kun je hieraan het label Make It Happen toevoegen (let op alleen het label niet de stijl)

3 De gemeente is niet de hoofdafzender Is een andere huis- of projectstijl noodzakelijk dan heb je voorafgaand hieraan toestemming nodig van het Huisstjil Management van de gemeente Rotterdam

Gemeentelijk huisstijl Andere huisstijl

1 2 3

1

5

2 De bouwstenen van de huisstijl

De huisstijl bestaat uit tien bouwstenen Door de bouwstenen juist toe te passen krijgen alle huisstijlmiddelen eenheid en is de afzender direct herkenbaar

De bouwstenen zijn1 het logo van gemeente Rotterdam2 de logobalk (de groene balk wordt niet meer

gebruikt voor contactgegevens)3 de kleur groen4 een witte drager (achtergrond) als basis 5 rechthoekige vormentaal6 een groen vierkant tekstvlak7 lettertype Arial8 lettertype Arial for Rotterdam9 eenvoudige platte rechttoe-rechtaan vormgeving

(geen gelaagdheid) 10 functioneel wit en witruimtes tussen de losse

onderdelen

als er ruimte is op het middel waar mogelijk als de copy leesbaar blijft (max 5 woorden achter elkaar en 3 regels onder elkaar min lettergrootte 28 pt)

2

6

3 Vormgevingsrichtlijnen in hoofdlijnen

bull Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheel (1)

bull We gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

bull Gebruik bij voorkeur het basis logo het brede logo met beeldmerk en de naam Gemeente Rotterdam naast elkaar

bull We gebruiken het gekleurde logo (groen en blauw) altijd op een witte achtergrond

bull We gebruiken het zwarte of witte logo (2) als er maar in eacuteeacuten kleur gedrukt kan worden

bull Het stempellogo (3) wordt gebruikt op kleding of als het logo te klein (of het materiaaldrukwijze te grof) is voor het logo in zwart of wit (2)

bull We houden de opmaak fris De drager (de achtergrond van het middel) blijft witonbedrukt Fotorsquos en vlakken lopen maximaal aan twee zijden af (4) De logobalk telt mee als witte zetspiegelmarge Minimaal twee zijden (boven onder links enof rechts) van de zetspiegel blijven wit

3

1

2

4

3

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 5: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

5

2 De bouwstenen van de huisstijl

De huisstijl bestaat uit tien bouwstenen Door de bouwstenen juist toe te passen krijgen alle huisstijlmiddelen eenheid en is de afzender direct herkenbaar

De bouwstenen zijn1 het logo van gemeente Rotterdam2 de logobalk (de groene balk wordt niet meer

gebruikt voor contactgegevens)3 de kleur groen4 een witte drager (achtergrond) als basis 5 rechthoekige vormentaal6 een groen vierkant tekstvlak7 lettertype Arial8 lettertype Arial for Rotterdam9 eenvoudige platte rechttoe-rechtaan vormgeving

(geen gelaagdheid) 10 functioneel wit en witruimtes tussen de losse

onderdelen

als er ruimte is op het middel waar mogelijk als de copy leesbaar blijft (max 5 woorden achter elkaar en 3 regels onder elkaar min lettergrootte 28 pt)

2

6

3 Vormgevingsrichtlijnen in hoofdlijnen

bull Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheel (1)

bull We gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

bull Gebruik bij voorkeur het basis logo het brede logo met beeldmerk en de naam Gemeente Rotterdam naast elkaar

bull We gebruiken het gekleurde logo (groen en blauw) altijd op een witte achtergrond

bull We gebruiken het zwarte of witte logo (2) als er maar in eacuteeacuten kleur gedrukt kan worden

bull Het stempellogo (3) wordt gebruikt op kleding of als het logo te klein (of het materiaaldrukwijze te grof) is voor het logo in zwart of wit (2)

bull We houden de opmaak fris De drager (de achtergrond van het middel) blijft witonbedrukt Fotorsquos en vlakken lopen maximaal aan twee zijden af (4) De logobalk telt mee als witte zetspiegelmarge Minimaal twee zijden (boven onder links enof rechts) van de zetspiegel blijven wit

3

1

2

4

3

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 6: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

6

3 Vormgevingsrichtlijnen in hoofdlijnen

bull Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheel (1)

bull We gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

bull Gebruik bij voorkeur het basis logo het brede logo met beeldmerk en de naam Gemeente Rotterdam naast elkaar

bull We gebruiken het gekleurde logo (groen en blauw) altijd op een witte achtergrond

bull We gebruiken het zwarte of witte logo (2) als er maar in eacuteeacuten kleur gedrukt kan worden

bull Het stempellogo (3) wordt gebruikt op kleding of als het logo te klein (of het materiaaldrukwijze te grof) is voor het logo in zwart of wit (2)

bull We houden de opmaak fris De drager (de achtergrond van het middel) blijft witonbedrukt Fotorsquos en vlakken lopen maximaal aan twee zijden af (4) De logobalk telt mee als witte zetspiegelmarge Minimaal twee zijden (boven onder links enof rechts) van de zetspiegel blijven wit

3

1

2

4

3

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 7: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

7

bull We gebruiken een groen vierkant tekstvlak tenzij dit niet bij het middel past het beeld in de weg zit enof ten kosten gaat van de leesbaarheid Het groene blok weglaten gebeurt altijd in overleg met de design cooumlrdinator Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (5)

bull We gebruiken een rechthoekige vormentaal Andere grafische vormen zoals cirkels sterren driehoeken of patronen passen niet in de huisstijl (6) Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop) (7)

bull We houden het simpel We zorgen voor een eenvoudige tweedimensionale platte vormgeving (flat design) We gebruiken geen transparantie verlopen enof schaduwen in vlakken teksten beelden pictogrammen grafieken en tabellen (8) We voegen geen overbodige elementen of versieringen toe

3

5

6

7

8

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 8: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

8

bull We houden de opmaak rechttoe-rechtaan De elementen staan boven naast en in elkaar maar overlappen elkaar niet en staan niet schuin (9)

bull Afbeeldingen krijgen geen kader Dit houdt de opmaak fris en strak (10)

bull We gebruiken eenvoudige nuchtere typografie en zetten daarom geen woorden titels kopregels of zinnen in kapitalen (11)

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe (12)

bull We zetten tekst altijd linkslijnend

3

9

10 11

12

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 9: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

9

bull We gebruiken altijd voldoende witruimte tussen de verschillende elementen (vlakken tekst en beelden) Deze witruimtes zijn vastgelegd in de stramienen (13)

bull We houden het ontwerp simpel volgens het lsquoLess is morersquo-principe We gebruiken liever eacuteeacuten sprekend beeld op een cover of poster dan meerdere beelden (14) De huisstijl is niet blokkerig maar gebruikt vierkanten en rechthoeken als vormentaal

3

13

14

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 10: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

10

Resultaat een sterke eenduidige en herkenbare huisstijl

3

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 11: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

11

4 Vormgevingsrichtlijnen uitgelegd

4

Logo 12Functioneel wit 17Witte drager 18Kleur 19Stramienen 21Middelen zonder stramien 24Vormentaal 27Typografie 29Tekstkaders 31Fotografie 32

Illustraties 34Iconen 35Taalgebruik 36Tabellen en grafieken 38Telefoonnummer 14 010 39URL 40Social media 41Rotterdam Make it Happen 42Bestickering wagenpark en materieel 45AV-producties 46

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 12: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

12

Logo

Gebruik het logo altijd compleet het beeldmerk en woordmerk vormen een onlosmakelijk geheelWe gebruiken het losse beeldmerk alleen op een volgpagina en alleen als op de voorpagina het volledige logo gebruikt is

Gebruik bij voorkeur het basis logo het brede logo (beeldmerk en de naam Gemeente Rotterdam naast elkaar)

We gebruiken het gekleurde logo (groen en blauw) in de huisstijl altijd op een witte achtergrond We gebruiken het zwarte logo bij voorkeur of witte logo alleen als het om technische redenen niet anders kan (bijvoorbeeld op gekleurde kleding)

De logoset bevat logorsquos in cmyk (full colour) rgb PMS-kleuren wit en zwart in de volgende variantenbull basis-logo (1)bull blok-logo (2)bull positief logo in zwart (3)bull negatief logo in wit (4) bull stempellogo (bijvoorbeeld zeefdruk) (5)bull een zwart groen logo alleen voor het web (6)bull Engelstalig logo City of Rotterdam (7)bull logorsquos GGD Rotterdam-Rijnmond (8)

Gemeenteraad (9) en Griffie (10)bull label Make it Happen (11)

4

1

3

4

5

6

2

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 13: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

13

4

Het Rotterdam Make it Happen label mag in elke kleur

toegepast worden Kies zelf een passende kleur

De letters zijn altijd wit

7

8

9

10

11

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 14: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

14

Logobalk

We gebruiken altijd het logo in een logobalk tenzij het ten koste gaat van de leesbaarheid bijvoorbeeld als de logobalk te klein wordt door ruimtegebrekDe logobalk is een witte strook aan de boven- of onderzijde van een uiting met hierin de groene balk (11) en het logo met vaste witruimte De logobalk is lsquoheiligrsquo en hier mag nooit iets anders in staan dan de groene balk en het logo van de gemeente Rotterdam

De groene balk is even breed als een kolom in het stramien De hoogte van de groene balk is drie keer zo hoog als het logoDe ruimte tussen de groene balk en het logo is gelijk aan de hoogte van het logo (13 van de hoogte van de logobalk)

4

3X

1X

1X

1X

3X

1X

1X

1X

05X

05X 05X

1X1X

3X

3X3X

3X

3X3X

1X1X

05X

05X

05X

1X

3X

3X

3X

1X

x logomarges

logo in de bounding-box (minimale witruim-te rondom het logo)

1X 1X

Voor het bloklogo City of Rotteradam is geen logo beschikbaar met witruimte boven omdat de lsquoyrsquo van lsquoCityrsquo onder de basislijn van de tekst uitsteekt Dit logo moet handmatig 05X naar beneden geschoven worden

Logobalk onder

Logobalk boven

3X

3X

11

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 15: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

15

De logorsquos van gemeente Rotterdam kunnen met en zonder lsquoboundingboxrsquo (vaste witruimte rondom het logo) geplaatst worden (in Indesign plaats het logo met lsquoimportopties tonenrsquo aangevinkt en kies de optie lsquoUitsnijden tot Afloopgebiedrsquo selecteer lsquoUitsnijden tot Selectiekaderrsquo om het logo zonder boundingbox te plaatsen) (12)

In de logobalk plaatsen we de boundingbox van het logo altijd tegen rechterzijde van de groene balk (13)

Het logo moet altijd binnen de kolom naast de groene balk passen (14)

We plaatsen de groene balk met het logo altijd in de linker- of rechterkolommen (15) De boundingbox van het logo blijft altijd tegen rechterzijde van de groene balk staan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een smal spandoek) mag de groene balk samen met het logo in eacuteeacuten kolom vallen mits het logo goed leesbaar blijft (16)

In extreem smalle middelen met een eacuteeacuten-koloms opmaak (bijv online banners) mag de groene balk onder of boven het logo staan (17)

In extreem brede middelen (bijvoorbeeld een online banner of een trambelettering) mag de groene balk vervangen worden door een groen tekstvlak (18)

wwwrotterdamnl2 maart2 maartGemeenteraadsverkiezingen Gemeenteraadsverkiezingen

Gemeenteraadsverkiezingen Gemeenteraadsverkiezingen2 maart 2 maart 2 maart

4

13 12 14

15

17

16

18

15151515

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 16: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

16

Logogebruik bij samenwerking met gemeente Rotterdam

Is de afzender van het middel gemeente Rotterdam Dan gebruiken we de gemeentelijke huisstijl Heeft de uiting naast de gemeente meerdere afzenders Dan maken we uiting op in een externe stijl We plaatsen dan alleen het logo van gemeente Rotterdam op de uiting naast de logorsquos van de partner-afzenders

We gebruiken het full colour logo op een witte of lichtgekleurde achtergrond Afhankelijk van de leesbaarheid op de beschikbare ruimte kiezen we voor het brede basis-logo of het blok-logo (19)

We gebruiken het witte logo op een donkergekleurde achtergrond (20) We gebruiken het zwarte logo als de partnerlogorsquos ook in zwart worden toegepast (21)

4

19

20

21

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 17: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

17

Functioneel wit

Witruimte is alle niet-gebruikte ruimte op een middel Witruimte geeft orde rust en overzicht We passen daarom functioneel wit toe in de opmaak

Elementen met veel witruimte rondom vallen op Hierdoor worden alle visuele elementen van elkaar onderscheiden

Wit is naast groen een belangrijke bouwsteen in de huisstijl Kleuren lettertypen (in het bijzonder de Arial for Rotterdam) en afbeeldingen komen het beste tot hun recht met voldoende tussenruimte rondom

We mogen spelen met ruimtes en proporties Dit maakt de lay-out creatief spannend dynamisch en modern

We zorgen altijd voor balans in de compositie van een pagina

We houden de opmaak licht en fris

4

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 18: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

18

Witte drager

De basis is altijd een witte huisstijldrager Dat betekent dat een middel altijd een witte ondergrond heeft Op deze witte achtergrond plaatsen we groene elementen (kopregels tekstvlakken) en eventueel fotorsquos De vormgeving is plat ruimtelijk en rechttoe-rechtaan We gebruiken een rechthoekige vormentaal met rechthoekige en vierkante vormen

Een uiting is altijd aan tenminste twee zijden wit in de zetspiegelmarge (de ruimte tussen de zetspiegel en de bladspiegel) van het stramien De logobalk telt ook mee als witte zetspiegelmarge

We stellen onszelf altijd de vraag is de achtergrond van het middel wit Als dit niet zo is of als er twijfel is dan past het ontwerp niet in de huisstijl

PapierDe standaard papiersoort voor communicatiedrukwerk is ongestreken papier (offset) van 90 tot 350 grams De witheid moet ten minste 150 CIE zijn Hoger is toegestaan lager niet

Is het noodzakelijk een ander papiersoort te gebruiken dan gaat dat in overleg tussen de drukkerij en de Communicatieadviseur van het betreffende cluster

Voor gestreken papier (MC) van 90 tot 350 grams geldt een witheidsnorm van minimaal 125 CIE Voor speciaal drukwerk kun je ook gebruik maken van papier uit alternatieve grondstoffen Kies dan voor een zo hoog mogelijke witheid

4

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 19: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

19

Kleur

De huisstijlkleuren groen en witAl sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen De combinatie wit en groen zijn onlosmakelijke verbonden met Rotterdam en daarom ook de primaire kleuren in de huisstijl van gemeente Rotterdam We gebruiken 100 kleur en maken nooit gebruik van transparantie

Primaire kleuren

WitWit staat voor eenvoud puurheid en helderheid Wit is altijd de achtergrondkleur in alle uitingen Afbeeldingen teksten en vlakken staan altijd op een witte achtergrond Het gebruik van functioneel wit maakt de huisstijl fris en modern

GroenGroen staat voor hoop rust vrede verbinding en jeugdigheid Om de huisstijl krachtig te houden gebruiken we altijd de volle kleur groen honderd procent kleur We gebruiken nooit tinten van het groen in de vormgeving Enige uitzondering gebruik in grafieken en tabellen

Secundaire kleuren

ZwartWe gebruiken zwart in printuitingen alleen voor teksten We gebruiken nooit een zwart vlak omdat dit zwaar en minder fris maakt In online uitingen (zoals een website app of banner) is gebruik van een zwart vlak wel toegestaan mits de kleuren wit-groen blijven overheersen We gebruiken zwart voor neutrale navigatiedoeleinden zoals contactgegevens een menubalk footer navigatie of een balk met besturingsiconen of instellingsoptie-iconen

Grijs We gebruiken grijs als neutrale ondersteunende kleur voor een tekstvlak of gebruik in tabellen en grafieken

BlauwBlauw wordt niet gebruikt als secundaire huisstijlkleur en wordt alleen als uitzondering in het logo gebruikt

Andere kleurenDe huisstijl van gemeente Rotterdam is in essentie wit met groen Om de groenwit monolithische huisstijl te waarborgen maken we geen gebruik meer van een vaste steunkleurenset omdat deze kleuren geen herkenbaarheidgeven aan de huisstijl Ook kunnen ze de monolithische uitstraling verzwakken We mogen beperkt kleur toevoegen ter ondersteuning of om iets uit te lichten

Let op gebruik in uitingen altijd 80 groenwit en 20 een andere kleur Hoe meer je wilt laten opvallen hoe minder er opvalt

Op covers en enkelzijdige uitingen (zoals posters en banners) gebruiken we bij voorkeur geen andere kleuren dan de huisstijlkleuren

Voor de bestickering van het wagenpark en materieel worden afwijkende folies en RAL-kleuren gebruikt De specificaties zijn opgenomen in het kleurenoverzicht

4

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 20: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

20

Wit primaire huisstijlkleur Groen primaire huisstijlkleur

Drukwerk pms 354 c90 m0 y90 k0

Beeldscherm r24 g147 b60

Verf RAL 6018 Sikkens K26040

Folie MaCal 9849-10 Avery 908 3M 100-722

Grijs secundaire huisstijlkleur

Drukwerk pms Cool Gray 3 c8 m5 y6 k16

Beeldscherm R223 g224 b225

Verf RAL 7035 Sikkens U00575

Folie MaCal 9889-04 Avery 961 3M 100-384

Zwart (alleen voor tekst)

secundaire huisstijlkleur

4

Blauw alleen voor het logo

Specificaties wagenpark en materieelGroenFolie Avery 354 C Verf RAL 6037

Blauw Folie (alleen voor logo) Avery 968 SC Verf RAL 5022

Zwart (voor teksten)Folie Avery 901 SC

Drukwerk pms 2757 c100 m90 y0 k55

Beeldscherm r11 g25 b102

Verf RAL 5022 Sikkens U03020

Folie MaCal 9839-12 Avery 968 3M 100-37

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 21: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

21

Stramienen

Een stramien vormt de basis van vormgeving van een uiting Een stramien bepaalt de zetspiegel kolombreedtes en tussenruimtes Een stramien is een hulpmiddel om alle onderdelen op gestructureerde en uniforme wijze een plek te geven

Het stramien geeft ruimte voor creativiteit en flexibiliteit in vormgeving Tegelijkertijd zorgt het stramien voor een sterke eenduidige uitstraling in alle communicatiemiddelen van gemeente Rotterdam De gemeente is daardoor altijd in eacuteeacuten oogopslag herkenbaar als afzender

We gaan uit van A-formaten (A5 A4 A3) omdat dit gangbare en praktische maten zijn De A-stramienen zijn beschikbaar in A5- A4- en A3-formaat en kunnen gebruikt worden voor al het standaard drukwerk (folders brochures leaflets flyers enz) Er is een apart stramien beschikbaar voor posters Een poster ontwerpen we op het A4 posterstramien waarna we deze schalen naar het gewenste eindformaat (A2 A1 of A0)

Er zijn ook stramienen ontwikkeld voor middelen met afwijkende formaten zoals bouwborden online banners en audiovisuele middelen

We mogen het stramien met de logobalk aan de bovenzijde of het stramien met de logobalk aan de onderzijde toepassen We kiezen het stramien waarin de boodschap het beste naar voren komt en dat het meest geschikt is voor de lay-out of afbeelding of het meest geschikt is voor het betreffende middel (zichtbaarheid)In een online banner of poster moet de boodschap in een paar seconden duidelijk zijn daarom gebruiken we hier het logo onderin

4

1

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 22: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

22

In brochures mogen de volgpaginarsquos eventueel gespiegeld worden toegepast Op de linker pagina krijgt de snijzijde dan een smalle marge en de vouwzijde een brede marge waardoor de witmarge in het hart van de spread breed wordt

Als we het Make it Happen-label toevoegen aan de uiting gebruiken we het logo en label altijd onderin bull Het stramien bestaat uit verticale kolomlijnen en

horizontale basislijnen Zo kunnen we alle elementen horizontaal en verticaal uitlijnen (1)

bull We waarborgen de witte achtergrondkleur door tenminste twee zetspiegelmarges (boven- onder- linker- of rechterzijde) wit te laten De witte marge van de logobalk telt hierin mee Een afbeelding op een cover of poster mag dus maximaal aan twee zijden van de pagina aflopen (2)

bull We gebruiken een groen vierkant tekstvlak tenzij deze niet op de uiting past enof ten koste gaat van de leesbaarheid Het groene vierkante tekstvlak met witte letter in de Arial of Arial for Rotterdam is een zeer kenmerkend element in de huisstijl van gemeente Rotterdam en geeft de huisstijl eenheid en herkenbaarheid in de middelen Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) (3)

bull Het stramien biedt mogelijkheden om te varieumlren met witmarges en de positie van het groene vierkant op een pagina (4)

4

2

3

4

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 23: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

23

bull We houden de opmaak eenvoudig (less is more) We plaatsen liever eacuteeacuten beeld op cover poster of visual dan meerdere kleine beelden Teveel beelden maken het geheel onoverzichtelijk en minder direct We voorkomen daarom fotocollages en een mozaiumlek van vlakken (5)

bull We gebruiken niet teveel diapositieve tekstvlakken in eacuteeacuten uiting Dit wordt te zwaar en gaat ten koste van de frisse vormgeving (6)

bull Als een cover strikt voldoet aan de bouwstenen en de vormgevingsrichtlijnen dan mogen we in de partnerrol speelserlosser omgaan met het binnenwerk

4

6

5

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 24: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

24

Middelen zonder stramien

Middelen met een afwijkend formaat waar geen stramien voor beschikbaar is onderscheiden we in

A Platte ruimtelijke middelen

Dit zijn bijvoorbeeld borden en spandoeken Hierbij kunnen we zelf een stramien opzetten aan de hand van onderstaande stappen

Stap 1 SchetsMaak een schets van de indeling Bepaal het aantal kolommen en zorg er daarbij voor dat de boodschap (in het groene vierkant) en de afzender (de logobalk) goed leesbaar zijn Bepaal of de logobalk boven of onder moet komen afhankelijk van de leesbaarheid de eigenschappen van het middel en de manier waarop het middel gebruikt wordt

Stap 2 ZetspiegelDe linker- en rechtermarge (B) hebben geen vaste waarde een breed formaat heeft naar verhouding doorgaans bredere marges nodig dan een smal formaat Kies een linker- en rechtermarge voor de zetspiegel waarbij de linkermarge (2B) twee keer zo groot is als de rechtermarge (1B) Maak eventueel de linker- en rechtermarges groter als het groene vierkante tekstvlak onderin net niet op een brede uiting past Verdeel het document in het benodigde aantal kolommen Zet het kolomwit tijdelijk op ongeveer de helft van de breedte van de rechter witmarge

Stap 3 BasislijnrasterDeel de breedte van eacuteeacuten kolom door 20 om het verticale tussenwit (de regelafstand) te berekenen (= 1A) Zet met dit tussenwit vanaf de bovenzijde horizontale hulplijnen (basislijnraster) uit over het gehele oppervlak

A basis tussenruimte (regelafstand)

B linker- en rechtermarge

logo in de bounding-box (minimale witruimte rondom het logo)

6

7

5

2

3

3 2

4

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 25: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

25

Stap 4 KolomwitNu kun je het exacte kolomwit bepalen Het kolomwit is 150 van de regelafstand (15A) Pas het eerder ingestelde kolomwit aan

Stap 5 logoHet is belangrijk dat het logo (de afzender) goed leesbaar is op het middel Plaats het logo met vaste witmarge (boundingbox) tegen de bovenrand of onderrand van het oppervlak en schaal het logo tot op eacuteeacuten van de horizontale basislijnen (regelafstand) van het stramienHet logo is nooit breder dan de kolom naast de groene balk in de logobalk

Importeer het logo in Indesign met importeeropties aangevinkt Open het logo-bestandje en kies vervolgens onder lsquoOptiesrsquo naast lsquoUitsnijden totrsquo de optie lsquoAfloopgebiedrsquo

Stap 6 logo-balkPlaats links van het logo de groene balk die samen met het logo de logobalk vormt De hoogte van deze balk is gelijk aan de boundingbox van het logo De breedte van deze balk is gelijk aan de breedte van eacuteeacuten kolom Schuif de boundingbox van het logo altijd tegen de groene balk aan

In smalle middelen met een eacuteeacuten-koloms opmaak (bijv rollup banners online banners of een spandoek) mag de logobalk in eacuteeacuten kolom vallen mits de grootte van het logo goed leesbaar blijft

Stap 7 vierkante tekstvlakPlaats het groene vierkante tekstvlak in eacuteeacuten kolom De grootte van de tekstmarges binnen het tekstvlak zijn gelijk aan de regelafstand Het groene vierkante tekstvlak plaatsen we nooit lsquozwevendrsquo in een foto maar plaatsen we altijd tegen een witte zijde aan (boven onder links of rechts) Zie pagina 7

Stap 8 overige elementenMaak de uiting vervolgens op met overige elementen (fotorsquos teksten) in dit stramien Maak gebruik van de bouwstenen en de vormgevingsrichtlijnen

Een te drukke lay-out of te lange kopregel komt niet ten goede aan de boodschap en aan de uitstraling van gemeente Rotterdam Hou de opmaak simpel en rechttoe-rechtaan

B Handzaam drukwerk met afwijkend formaat

In de huisstijl gaan we uit van A-formaten hier zijn stramienen voor beschikbaar Soms is echter een afwijkend formaat wenselijk of noodzakelijk Dan werken we met het 4 mm-stramien zoals in de beschikbare A-formaat stramienen (regelafstand 4 mm en kolomwit 6 mm) Het aantal kolommen en de grootte van de linker- en rechtermarge is afhankelijk van het formaat van de uiting De linkermarge is twee keer zo breed als de rechtermarge Voor handzaam drukwerk in afwijkend formaat kunnen we dus ook de bovenstaande stappen toepassen maar stap 3 en 4 zijn voor handzaam drukwerk niet van toepassing

4

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 26: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

26

C Niet-platte ruimtelijke middelen

Dit zijn bijvoorbeeld autorsquos paraplursquos en pennen Hierbij passen we zo veel mogelijk de bouwstenen en de vormgevingsrichtlijnen toe (het logo de kleur groen op een witte achtergrond flat design en voldoende tussenwit en witruimtes)Als een ruimtelijk middel een kenmerkend onderdeel met een afwijkende vorm heeft mag deze vorm geaccentueerd worden met de groene kleur ook al is de vorm van dit onderdeel niet rechthoekig (bijvoorbeeld een segment van een paraplu of een pennendop)

D Dynamische digitale toepassingen

Dit zijn bijvoorbeeld presentaties animaties en interactieve middelen We ontwerpen in de geest van de huisstijl en passen de bouwstenen en de vormgevingsrichtlijnen toe (logo kleur vorm typografie en flat design We werken met een witte achtergrond gebruiken groene elementen en zorgen ervoor dat het logo goed zichtbaar is We zorgen ervoor dat alle individuele onderdelen voldoende witruimte krijgen

4

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 27: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

27

Vormentaal

De vormentaal is een belangrijk kenmerk van de huisstijl van gemeente Rotterdam De vormentaal bestaat uit vierkante en rechthoekige vlakken en beelden

In principe plaatsen we op ieder middel een groen vierkant tekstvlak met witte tekst (1) tenzij dit echt niet mogelijk is door bijvoorbeeld een sterk afwijkend formaat van het middel Een groen vierkant tekstvlak is de meest herkenbare vorm binnen de huisstijl Dit vlak vergroot de herkenbaarheid en geeft consistentie in alle uitingen Het groene vierkante tekstvlak is even breed als het groene vlak in de logobalk In het stramien kunnen we varieumlren met de witte zetspiegelmarges en de positie van het groene vierkant

We gebruiken alleen vierkanten en rechthoeken met rechte hoeken dus geen afgeronde hoeken Daarnaast gebruiken we geen afwijkende vormen zoals ronde vormen sterren driehoeken enzovoorts De rechthoekige vormen staan altijd op stramienlijnen

Naast het groene vierkante tekstvlak kunnen we ook een vrijstaande kopregel (2) tekst of intro toevoegen Ook mogen we een tweede tekstvlak plaatsen in groen of wit (3) We gebruiken tussenwit en functioneel wit en zorgen altijd voor een fris en ruimtelijk geheel

We gebruiken de vormentaal ombull samenhang te creeumlren tussen alle gemeentelijke

uitingen (herkenbaarheid)bull teksten te benadrukkenbull beelden te plaatsenbull de kleur groen te communicerenbull teksten te accentueren

1

2

3

4

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 28: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

28

Als er op een middel geen tekst staat bijvoorbeeld op corporate middelen zoals algemene omslagmap dan hoeven we het groene vierkant niet te plaatsen De logobalk of (bij ruimtegebrek) het vrijstaande logo met rechthoekige afbeelding is dan voldoende (4)

4

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 29: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

29

Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekst omlijning tekstbalken of schaduwen toe

bull We zetten tekst altijd linkslijnend

Arial

Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe-rechtaan huisstijl van gemeente Rotterdam Arial is beschikbaar en te gebruiken op iedere computer (met uitzondering van Arial Light)We gebruiken Arial Bold Arial Regular Arial Light en de cursieve variantenLange bodyteksten in Arial Regular komen vet en plomp over We kunnen Arial Light gebruiken om de bodyteksten en de vormgeving luchtiger frisser en moderner te makenIn diapositieve bodyteksten (witte tekst op gekleurde achtergrond) gebuiken we Arial Regular Zo voorkomen we het dichtlopen van teksten We maken diapositieve teksten niet te lang omdat dit niet prettig leest

4

Arial BoldArial Regular

Arial Light

Arial BoldArial Regular

Arial Light

Arial Regular

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

Arial Light

Ga Et estorem am optat quis qui nectemporae volumque cum dita doluptatibus quiasin ctoribus earum quaspel lorerup tatiorum que cum estor modion con porepernatur aut enderovit aut landitios es dolento ditis estiatist audipid quam liciur si omnihil itaspidit quisiminis miliassitae laut odignatent omnihitatem remos molum eliatem et inti reici-piderum fugia quassequid quaspid elluptat aut et plabo Antis asi offic tem aditatio dolorro et ilit omnimo eaque expelest et utatis dolorrum lantiam ut accae Namus expli-quas eribus erum explant vel mil molesciist tem idelibeat quiatendaes doloreped quae Quissusa derum aut hil ea-tem que era voluptate aut aut aut asped moloreicium venis am ullabor uptaten dandent que magnata qui dolore porum rae consectia aspel ipicient moluptiunt pa illupti umquatio to ideri officiis es nullescia deliquiamet velita ium vid quae modis eum quo minvenientPa aut ligniet eum sitatio rempeli busandic tem qui quaeped quis corit raectionet id eos escia duntRi am adit officiis volorescia qui rerspella del eum sandae Itatur iuntCit as et aspedi ulla nis est nobis doluptat eseque opta verat arumqui sint accum iliquiam que corepero et velenim olupiet dest aut re sit porrum

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 30: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

30

Arial for Rotterdam

Arial for Rotterdam is een stoere kistletter jeugdig rauw en straalt lef en kracht uit Kenmerken die passen bij het DNA van Rotterdam Arial for Rotterdam geeft de huisstijl een kwinkslag en maakt de uitstraling toegankelijk en dynamisch

Arial for Rotterdam is geen leesletter maar een decoratieve letter Deze letter is in basis minder goed leesbaar dan de Arial

bull We gebruiken Arial for Rotterdam voor titels van een magazine rubriekstitels korte kop themawoorden

bull We gebruiken Arial for Rotterdam minimaal 28 punten groot Kleiner is de letter niet goed leesbaar en gaat de herkenbaarheid verloren

bull We gebruiken Arial for Rotterdam in kopregels die niet langer zijn dan vijf woorden en niet meer dan drie regels onder elkaar Langere zinnen zijn niet goed leesbaar

bull We gebruiken Arial for Rotterdam beperkt anders wordt het te druk en onoverzichtelijk

bull Overdaad schaadt

Proxima Nova

Voor online middelen gebruiken we bij voorkeur het lettertype Proxima Nova Beschik je niet over de Proxima Nova gebruik dan de Arial De licentie voor Proxima Nova moet je zelf aanschaffen

De overheid heeft Proxima Nova hoger geklassificeerd dan Arial in lsquowebrichtlijnen voor gemeentenrsquo De webrichtlijnen zijn verplicht voor gemeenten en andere organisaties die vallen onder ministerieumlle verantwoordelijkheid Voor de website gebruiken we daarom Proxima Nova Deze letter is goed leesbaar op een scherm (online) met name bij kleine corpsgrootten

4

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 31: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

31

Tekstkaders

Tekstkaders passen in de vormentaal van gemeente Rotterdam We gebruiken alleen kaders of lijnen met rechte hoeken in volvlakken De tekstkaders staan op het stramien De inzetafstand is 4 mm in een A4-stramien Op grote middelen schalen we de inzetafstand in verhouding hiermee

We gebruiken eacuteeacuten van de vijf basisopties voor tekstkaders

1 een volvlak2 een 1 punts kaderlijn3 boven en onder een 1 punts lijn4 links en rechts een 1 punts lijn5 boven en onder een 7 punts lijn6 links en rechts een 7 punts lijn

We gebruiken in diapositieve tekstvlakken alleen witte tekst

Om de lay-out overzichtelijk en fris te houden gebruiken we niet teveel kaders op eacuteeacuten pagina

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

Equidign ihillabor re el ilictaturis magnima volluptas consequi si dolorit enimet erercip iendaerori quo quassin pa dolorepe volendiae Nam fuga Ut venihiligene voluptatur aut doluptati rest quam sit laudit aliquas restia et odis non cor re omnimus et lam fugiant odis nihillit ut quam volorumquis nis verum faccus modignatinto ea pora vent et cus Optam sime dolut pa expellantia eum aut quis rerem in et

1

3

5

2

4

6

4

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 32: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

32

Fotografie

Een beeld zegt meer dan duizend woorden Een goedgekozen beeld maakt het onderwerp in eacuteeacuten oogopslag duidelijk

In onze monolithische huisstijl is de afzender altijd de gemeente Rotterdam Je kunt je binnen deze stijl onderscheiden door het inzetten van creatieve en authentieke beeldtaal

Een herkenbare beeldtaal is erg belangrijk bij directe communicatie en om de gewenste sfeer neer te zetten passend bij het DNA van Rotterdam (internationaal ondernemend en rauw) Om dit DNA optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnen

bull De foto ondersteunt de boodschap het doel of de rol van gemeente Rotterdam

bull Fotorsquos zijn direct begrijpelijk en recht-door-zee bull We gebruiken rauwe echte eerlijke beelden Echte

mensen in echte situaties bull Mensen staan waar mogelijk centraal

bull Onderwerpen voor fotorsquos zijn haven water wereldse leef- studeer- woon- en werkstad mensen op straatniveau doeners kunst en cultuur (festivals muziek evenementen) We gebruiken ook fotorsquos van de skyline van Rotterdam Rotterdamse situaties producten en objecten

bull Fotorsquos passen en tonen het DNA van Rotterdam (internationaal ondernemend en rauw) multicultureel beweging actieve houding innovatie creativiteit bijzondere locaties (in ontwikkeling) eigenzinnige mensen doeners jong trots ambitieus positief

bull De fotorsquos passen wel bij het DNA van Rotterdam mogen niet aanstootgevend zijn en hebben een positieve uitstraling - We laten geportreteerde(n) altijd een quitclaim van

de gemeente Rotterdam tekenen- We gebruiken alleen afbeeldingen waarvan jij de

rechten hebt of die rechtenvrij zijn- We vragen toestemming voordat we andermans foto

op social media plaatsen- We zijn professioneel We zijn ambtenaar en

ambassadeur van onze gemeente en onze stad

4

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 33: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

33

Richtlijnen voor de opmaak met fotorsquosbull We plaatsen beelden altijd recht op het stramien

(indien aanwezig) We plaatsen afbeeldingen nooit schuin (1)

bull We plaatsen geen kader om fotorsquos (2)bull We gebruiken geen schaduw onder fotorsquos (3)bull We gebruiken geen kleurfilters zwart-witfotorsquos

of fotorsquos met duotonen (met uitzondering van historische beelden of bijvoorbeeld Instagram-beelden) (4)

bull We plaatsen fotorsquos niet tegen andere elementen (vlakken teksten andere afbeeldingen) aan We gebruiken altijd witruimte rondom het beeld (behalve als ze in een vlak staan) (5)

bull Een vlak op een foto is wel toegestaan zonder witmarge mits het vlak volledig in de foto past Op deze manier is een foto op een vlak ook mogelijk (6)

Meer informatie over het DNA van Rotterdam vind je op RotterdamnlDNA

Vragen kun je mailen naarBeeldrotterdamnl

4

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 34: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

34

Illustraties

Wat betreft beeldtaal gaat de voorkeur altijd uit naar fotografie Soms is een illustratie passender Dit is het geval als bull Het complexe informatie kan verduidelijken in de

vorm van een infographic bull Er privacygevoelige informatie in verwerkt is bull Een toekomstbeeld of impressie wordt gegevenbull Er onderwerpen met een tijdsverloop worden

gecommuniceerd

Om de Rotterdam mentaliteit optimaal terug te laten komen in onze beeldtaal houden we rekening met de volgende richtlijnenbull De illustratie ondersteunt de boodschap het doel

van de gemeentebull De illustratie verbeeldt een directe doeltreffende

boodschapbull We plaatsen illustraties altijd recht en nooit schuinbull We gebruiken geen aanstootgevende of politiek

gekleurde illustratiesbull De illustratie past in de groenwit huisstijl

Voor het maken van een illustratief beeld kun je een illustrator inhuren De tien communicatiebureaus in onze mantelovereenkomst hebben ook ruime ervaring met het inzetten van illustratoren

4

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 35: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

35

Iconen

Wij maken gebruik van lijn iconen Je kunt specifieke iconen aanvragen door te mailen naar Beeldrotterdamnl Hier een greep uit de iconen die beschikbaar zijn

Let op de iconen mogen alleen hergebruikt worden wanneer ze dezelfde betekenis hebben

afspraak maken

gementeraad

klacht

parkeergarages

taal

werken

belasting

gezondheid

kunst en cultuur

parkeren

theater

wonen en zorg

bestuur

groen

leren

paspoort

trouwen

wonen

bezwaar

hulpmiddelen

markten

psychische proble-men

uitkering

schulden oplossen

bouwen

inkomen

ondernemen

rijbewijs

veiligheid

zorg

buitenspelen

inspraak enparticipatie

opvoeden en op-groeien

sport

verhuizen

contact

kinderboerderij

ouder worden

stadhuis

vervoer

4

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 36: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

36

Taalgebruik

Het DNA van Rotterdam vatten we samen in drie begrippen internationaal ondernemend en rauw Deze begrippen worden beschreven in zogeheten woordensets waaruit je woorden kunt gebruiken in jouw communicatie- en marketinguitingen En in lsquoone-linersrsquo die van deze woordensets zijn afgeleid Door eenduidig woordgebruik dragen we het DNA uit en versterken we in woorden de kracht van Rotterdam

Ook zorgen we ervoor dat tekst- en taalgebruik past bij de rollen van gemeente Rotterdam Zo versterken we de boodschap en wordt deze doeltreffend

Voor het schrijven bedenken weWat is de boodschap Hoeveel weet de lezer af van het onderwerp En wat zou de lezer van ons willen of moeten weten

We zijn direct en kort van stofWe houden per zin een gemiddelde van vijftien woorden aan Dat leest het prettigst We gebruiken zo min mogelijk bijzinnen (tang-constructies) die een lopende zin onderbreken Hier maken we een aparte zin van

buitenland contact connectie

diversiteit dynamiek economie

expats grensverleggend haven

intercontinentaal klimaat

internationaal knooppunt magneet mainport mondiaal

multicultureel netwerk onderzoekend

open blik reizen

ruimdenkendsamenwerking transfer transport

universeel vaart verbinding vliegveld

water werelden wereldhaven

werelds zaken

ambitieus actief commercieel

daadkrachtig direct doen doorzettingsmacht

dynamisch energie handel industrie initiatief

innovatie jeugd kansen krachtig kritisch

ladenamplossen maatschappelijk mentaliteit mogelijkheden

ondernemendontwikkeling opgewektheid pionieren

pit prestatie slagkracht samenwerking

start-up sterk strijd succes talent

toekomstgerichtvernieuwend vooruitzien

wilskracht zakelijk

authentiek contrastrijk

contact

creatief direct divers durf dwars echt

eigen eigenzinnig groot harthecht humor inspiratie

jong laboratoriumnieuwsgierig nostalgie oorspronkelijk

ongepolijst ongezoutenonrustig ontdekken ontplooien

ontwikkelen pionieren puur respect

rauw

stoer streetwise strijd talent tegendraads

toonaangevend trots trouw verborgen verrassend

wild winnenzeker zelfspot

zorgzaam

4

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 37: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

37

Een voorbeeld van een zin die je de zin in het lezen ontneemt

Enkele elementen van die droom zijn niet meer de overheid maar samenwerkingsverbanden tussen overheid en partners bepalen wat er in de stad moet gebeuren er is een groeiend initiatief vanuit de samenleving inwoners bedrijfsleven ed steden benutten steeds meer kansen doordat ze over hun grenzen heen kijken ze werken regionaal hechter samen (Metropoolgedachte) en de stad speelt in op de circulaire economie die het huidige economisch model meer en meer verdringt

We houden het begrijpelijkNiet iedereen kent elke afkorting en strooien met onnodige hoofdletters maakt teksten onrustig We schrijven afkortingen en uitdrukkingen voluit Houd in je achterhoofd dat in het Nederlands zelfstandige naamwoorden in principe altijd met een kleine letter geschreven worden

We zijn eerlijk (no-nonsense)We schrijven respectvol en we geven ongepolijste informatie Hoe meer overbodige informatie er in de tekst staat hoe meer de lezer moet zoeken We laten zo snel en eerlijk mogelijk weten waar we naartoe willen Ook als de boodschap minder leuk is We omschrijven duidelijk wat we van de lezer verwachten

We houden het actiefActieve zinnen lezen vlot en prettig Ze zijn concreet en brengen de boodschap kort en krachtig over Passieve zinnen doen dat niet Deze zijn te herkennen aan een extra werkwoord (hulpwerkwoord) enof het woordje lsquodoorrsquo

Van passief De fietser wordt door de wind vooruit geduwdnaar actiefDe wind duwt de fietser vooruit

We houden woorden eenvoudigWe kijken kritisch naar het woordgebruik We vertalen jargon en moeilijke of ouderwetse woorden zoveel mogelijk naar dagelijks taalgebruik

concern Rotterdamgemeente Rotterdam

beschikkingbesluit

demandvraagvraag

substantieelflink belangrijk

doorontwikkelen(verder) ontwikkelen

beleidsintensiveringmeer geld aandacht (uit)geven aan

implementereninvoeren verwerken in

spin-offgevolg resultaat

gefaseerdstap voor stap in delen

vertaalslaguitwerking (voor)

terugkoppelendoorgeven wat gebeurd of besproken is

sparrenoverleggen van gedachten wisselen

pijler(basis)principe uitgangspunt

focussen oprichten op speciaal aandacht hebben voor

borgenvast onderdeel laten uitmaken van voortzetten

actief betrekken bijvragen mee te doen samenwerking zoeken

lijntjes leggenverbinden contact leggen met

zero tolerancezonder pardon streng

zelfredzaamzicht(zelf) goed kunnen redden

grootschaliggroots omvangrijk

competentiedeskundigheid vaardigheid sterke eigenschap

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 38: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

38

Tabellen en grafieken

Tabellen en grafieken hebben een platte eenvoudige vormgeving Binnen de huisstijl gebruiken we geen transparantie schaduw of verloop Zo vormen tabellen en grafieken een geheel met de overige vormgeving

We mogen in de opmaak van tabellen en grafieken tinten van het groen gebruiken Dit is de enige plek waar dat mag

bull We gebruiken wit groen groentinten grijstinten en zwart (tekst) Daarnaast mogen we ook andere kleuren gebruiken in grafieken mits groen dominant blijft in de totale opmaak

bull We zorgen altijd voor een goede leesbaarheid bull We gebruiken altijd tussenwit tussen de elementen

Dit past in de huisstijl en is duidelijker voor mensen die kleurenblind zijn

4

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 39: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

39

Telefoonnummer 14 010

We gebruiken de logobalk nooit voor contactgegevens De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Deze houden we daarom zo krachtig fris en strak mogelijk

Het servicenummer 14 010 wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo In enkelzijdige uitingen zoals een poster verwijzen we naar de contactgegevens op de website

4

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 40: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

40

URL

We gebruiken de url van gemeente Rotterdam met maximaal eacuteeacuten redicent wwwrotterdamnl(projectnaam) De recident mag niet het woord Rotterdam bevatten Dit maakt de extensie lang en is dubbelop

We plaatsen de url nooit in de logobalk De logobalk is een markant herkenningselement in de Rotterdamse huisstijl Die houden we zo krachtig fris en strak mogelijk De url wordt net als andere contactgegevens op een logische plek onderaan de content gezet met een kopje lsquoMeer informatie vindt u viarsquo Op enkelzijdige uitingen zoals een poster kan de url apart of in het groene vierkant terugkomen Hier staan tevens ook de contactgegevens

Een url in schriftelijke communicatie (bijvoorbeeld in een brief of folder) wordt zonder www en met beginkapitaal gezet Rotterdamnl

Een url in digitale middelen zetten we om naar klikbare links

4

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 41: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

41

Social media

Op social media (Faceook Instagram Twitter) gebruiken we fotorsquos of bijvoorbeeld geiumlllustreerde campagnebeelden We gebruiken nooit grafische elementen Hiervoor is de ruimte te klein en het medium niet geschikt We plaatsen dus geen teksten vlakken of vormen over een beeld heen We willen dat de fotorsquos passen bij het DNA van Rotterdam niet aanstootgevend zijn en een positieve uitstraling hebben Daarbij geven we de voorkeur aan bewegend beeld

bull We gebruiken alleen afbeeldingen waarvan we de rechten hebben of die rechtenvrij zijn en waarvoor een quitclaim getekend is

bull We vragen toestemming voordat we andermans foto of tekst op social media plaatsen

bull We plaatsen een bronvermelding bij citatenbull We hebben een professionele houding We zijn

ambtenaar en ambassadeur van gemeente Rotterdam

Voordat je een nieuw socialmediakanaal gaat opzetten uit naam van de gemeente neem dan contact op met Beeldrotterdamnl voor een geschikt avatar profiel of header

4

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 42: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

42

Rotterdam Make it Happen

Hoe werk je mee aan de citymarketing van Rotterdam en maak je goed gebruik van RotterdamMake it Happen

De Gemeente Rotterdam heeft samen met Rotterdam Partners Rotterdam Festivals de Erasmus Universiteit Rotterdam Topsport Het Erasmus MC en nog veel meer merkpartners de handen ineen geslagen om Rotterdam in binnen- en buitenland nog beter op de kaart te zetten Om bewoners bedrijven studenten en bezoekers aan te trekken aan de stad te binden en ambassadeur te maken

Als merkalliantie doen we dat met een gezamenlijke profilering en pay-off ROTTERDAM MAKE IT HAPPEN die staat voor de Rotterdamse mentaliteit en het DNA van de stad Internationaal ondernemend en rauw Werelds grensverleggend en no-nonsense Maar het is niet zomaar een pay-off of een slogan Iedere dag geven Rotterdammers hun eigen invulling aan MAKE IT HAPPEN Door te innoveren en te ondernemen Door samen te werken en te verbinden Door vooruit te lopen op de massa en de nek uit te steken te durven Door na te denken over duurzame oplossingen Door te ontdekken te beleven te doen Kijk voor verhalen en inspiratie op wwwrotterdammakeithappennl

Aan die voorbeelden en verhalen dragen wij als gemeente een stevig steentje bij als pro-actieve partner voor alle Rotterdammers

Op pagina 4 staat beschreven of het bij jouw project past en op welke manieren je dit in vormgeving kunt uitdragen

4

Wanneer je een project geheel in de communicatiestijl Rotterdam Make it happen wilt uitvoeren is toestemming nodig van het team Citymarketing of de huisstijl cooumlrdinator Sanne Hendrikx

Gebruik je de Rotterdamse huisstijl + logo gemeente Rotterdam samen met de RotterdamMake it Happen pay off of het label Dan kun je meteen aan de slag

lsquoRotterdam Make it Happenrsquo bestaat als een pay-off en als en een label De pay-off lsquoMake it Happenrsquo mag als toevoeging bij een kopregel gebruikt worden De kopregel moet concreet en inhoudelijk zijn De pay-off Make it Happen vormt dan een logische toevoeging

Bijvoorbeeld lsquoPassie voor sport Make it Happenrsquo

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 43: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

43

We kunnen lsquoMake it Happenrsquo ook gebruiken als afsluitzin van een intro- of bodytekst Als we de pay-off gebruiken plaatsen we ook altijd het label De kleur van het label mag in alle kleuren en in verschillende vorm variaties gebruikt worden al zijn de letters altijd wit Het zwarte of witte label (diapositief) mogen ook worden gebruikt De pay-off en het label worden nooit in de logobalk geplaatst De positie van het label is strikt in het stramien Het label staat altijd bij de logobalk We gebruiken altijd een stramien waarin de logobalk van gemeente Rotterdam onderin staat De onderzijde van het label staat op de derde regel van het stramien boven de logobalk Dit is dus twee regels binnen de onderste zetspiegelmarge In een uiting zonder logobalk kiezen we zelf de positie van het label dichtbij het logo van gemeente Rotterdam We gebruiken hierbij de bouwstenen en volgen de vormgevingsrichtlijnen

Positie Make it Happen label op het A4-stramien

Positie Make it Happen label op het A5-stramien

4

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 44: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

44

Toepassingen Rotterdam Make it Happen

4

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 45: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

45

Wagenpark en materieel bestickering in huisstijl

Gemeente Rotterdam heeft een groot en divers wagenpark Veel van de gemeentelijke voertuigen zijn zichtbaar in het Rotterdamse straatbeeld Het is daarom belangrijk helder en professioneel bestickerde voertuigen en materieel te hebben Dat doen we met bestickering in de Rotterdamse huisstijl

Voor het wagenpark zijn acht van de tien bouwstenen van de huisstijl van toepassing

1 Het bloklogo van de gemeente Rotterdam 2 Een witte ondergrond 3 De kleur groen 4 De rechthoekige vormentaal 5 Lettertype Arial (vet) 6 Tekst in zwart linkslijnend 7 Eenvoudige platte rechttoe rechtaan vormgeving

zonder versiering 8 Functioneel wit en met witruimtes tussen de

onderdelen (zoals groene balk logo tekst)

Voor de bestickering van het wagenpark en materieel zijn richtlijnen uitgewerkt Neem voor de bestickering van het wagenpark of materieel vooraf contact op met de afdeling Communicatie van het cluster Stadsbeheer en team Beeld BCO Communicatie

4 216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

216

216

Pas opdode hoek

LET OP DODE HOEK

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 46: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

46

AV-producties

Vanuit huisstijl is er een AV-toolkit ontwikkeld Deze blijft trouw aan de hoekige vormentaal strak grafisch en minimalistisch Natuurlijk speelt het logo van de gemeente Rotterdam ook een rol in de AV-producties

Voor alle vragen over video enof animaties kun je terecht bij de AV-cooumlrdinator

Bruna Engels Bgengelsrotterdamnl 06 - 18 29 35 95

De AV-toolkit is ook bij haar op te vragen

Richtlijnen

De gemeente wil als eacuteeacuten organisatie eacuteeacuten geheel eacuteeacuten gezicht naar buiten treden Dat geldt ook voor audiovisuele producties videorsquos en animaties die vertoond worden op bijeenkomsten websites televisie en andere kanalen Maak bij de productie van videocontent daarom altijd gebruik van het vormgevingspakket wat hiervoor ontworpen is Ook zijn er een aantal richtlijnen voor audiovisuele producties Deze richtlijnen gelden voor de lsquoomlijstingrsquo van gefilmd beeld en animaties titels en grafische elementen Het zijn nadrukkelijk geen richtlijnen over de stijl van filmen dat laten we aan de creatieve vrijheid van de filmmaker over

Alle audiovisuele producties bestaan standaard uit de volgende elementenbull Opener Ident Rotterdamse vlag of Opener Main

Headerbull Outro of YouTube endscreen

Daarnaast zijn de volgende elementen nog toe te voegenbull Lowerthirdsbull Sub Headerbull Wipesbull Narrowcasting layouts Screenbug

Dit is de vaste volgorde bij het opmaken van een video (Let op hierin worden ook de optionele elementen genoemd)

1 Opener Ident Rotterdamse vlag of Opener Main Header2 Titel Main Header (indien niet gebruikt als opener)3 Lowerthirds4 Sub Headers (voor het benoemen van extra onderwerpen)5 Outro of YouTube-endscreen

4

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 47: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

47

1 Groen en wit als basis

Belangrijk is dat de gemeente Rotterdam herkenbaar blijft daarom is de AV-toolkit gebaseerd op het meest herkenbare element uit onze huisstijl de kleuren groen en wit Deze kleuren zijn ook onlosmakelijk verbonden met Rotterdam

Al sinds Rotterdam zijn stadsrechten kreeg heeft het wapen van Rotterdam een groen vlak dat doorsneden wordt door een witte band die de Rotte symboliseert Nu nog heeft de vlag van Rotterdam dezelfde herkenbare kleuren groen-wit-groen

2 Typografie

Algemeenbull We gebruiken eenvoudige nuchtere typografie en

zetten daarom geen woorden titels kopregels of zinnen in kapitalen

bull We houden de typografie puur (zonder poespas) We plaatsen teksten niet in kleurtinten en passen geen tekstomlijning tekstbalken of schaduwen toe

bull We zetten teksten altijd linkslijnend

Arial for Rotterdam bull Dit font wordt alleen gebruikt voor onderwerp-

omschrijvingen in de Main Header enof Sub Header bull De Arial for Rotterdam is geen leesletter maar een

decoratieve letter Het leest in basis minder goed dan de Arial Daarom gebruiken we dit font beperkt

bull De Arial for Rotterdam is voor de gemeente ontworpen en alleen op aanvraag te krijgen

ArialOverige teksten schrijven we in de Arial Arial is de huisstijlletter Een stoere neutrale no-nonsense letter die past in de rechttoe rechtaan huisstijl van de gemeente Rotterdam We gebruiken Arial Bold Arial Regular Arial Light en de cursieve varianten

1

4

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 48: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

48

3 Kleur

AlgemeenDe primaire kleuren zijn groen en wit Er zijn vaste richtlijnen met betrekking tot het kleurgebruik van teksten

bull Teksten op een wit vlak zijn zwartbull Teksten op een groen vlak zijn witbull Teksten op het beeld zijn in principe wit Indien de

leesbaarheid in het gedrang komt kan in overleg met de AV-cooumlrdinator zwart gebruikt worden

Let opbull Kleurvakken mogen alleen op 100 zichtbaarheid

gebruikt worden bull Opacity lager zetten of overlay effecten aan

kleurvakken toevoegen is niet toegestaan

AnimatiesIn bijvoorbeeld animaties mag beperkt kleur toegevoegd worden ter ondersteuning of om iets uit te lichten Zorg er altijd voor dat groen en wit blijven overheersen

4 Logo

Het logo van de gemeente Rotterdam draagt bij aan de herkenbaarheid en maakt duidelijk wie de afzender is van de AV-productie

Dorsquos amp donrsquots Het basislogo van de gemeente Rotterdam gebruiken we niet Ook niet als opener Hiervoor gebruiken we de Opener animaties (1)

We maken geen gebruik meer van een screenbug dus ook niet van het semitransparante witte logo lsquoRrsquo (2)

Alle videorsquos eindigen met het bloklogo van de gemeente Rotterdam Deze zit standaard in de outro verwerkt (3)

1

2

3

Tekst op wit = zwart

Tekst op groen = wit

Tekst op beeld = wit (tenzij)

3 4

4

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 49: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

49

5 Aspect ratio

In de AV-toolkit is rekening gehouden met verschillende formaten

bull Widescreen breedbeeld (169) Dit is het meest gangbare formaat en wordt gebruikt voor breedbeeld videorsquos

bull Square middenformaat (11) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Facebook Instagram)

bull Portrait verticaal (916) Dit formaat wordt gebruikt voor specifieke social media-videorsquos (Instagram Stories Snapchat)

6 Installatie (plug-ins en fonts)

Voor het gebruik van de AV-toolkit is Adobe After Affects CC2018 of hoger vereist

Volg de volgende stappen om gebruik te kunnen maken van het pakket

Stap 1 open de map _AssetsStap 2 installeer de fontsStap 3 open de map Textborder_V10 Stap 4 installeer de After Effects Textborder plug-in (in de readmepdf lees je meer over hoe je dit doet)

Let op deze installatie is vereist voor elke computer waarop de video identity gebruikt wordt

5

6

4

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 50: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

50

7 Grid

Het grid dient als leidraad voor alle vormgeving en typografie

Het grid is te vinden in de map_elementen

Gebruiksaanwijzing bull Het rood geaccentueerde deel is de safe area voor

typografiebull Rondom het groen-wit-groene-symbool houden we

altijd minimaal 1 groen-wit-groen-symbool ruimte rondom

bull Teksten plaatsen we in lijn met het groen-wit-groene-symbool

Teksten in lijn met het symbool

7

8 Alle elementen

Alle beschikbare animaties staan in de map _Elementen

Elk element heeft een eigen map met onderdelen enof after effects project files Het advies is om per project de benodigde onderdelen te kopieumlren naar je project folder

8

4

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 51: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

51

9 Transities Bumpers amp Wipes

De transities en bumpers zijn gebruiksklaar en daardoor direct te gebruiken in je montage of VFX softwareIedere video bevat een alpha channel Animeer een matchend masker op je videorsquos

10 Opener Ident groen-wit-groen-symbool

Je kunt ervoor kiezen om de video te starten met de algemene opener Deze start vanuit het het groen-wit-groene-symbool

GebruiksaanwijzingDe opener Ident groen-wit-groen-symbool is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De video bevat een alpha channelDe opener start altijd vanaf een echt videobeeld Houd hier rekening mee in je montage

9

10

4

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 52: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

52

12 Outro

Alle videorsquos eindigen met een outro De outro heeft twee varianten

Outro zonder urlDe outro zonder url is gebruiksklaar en daardoor direct te gebruiken in je montage of VFX software De animatie bevat een alpha channel

Outro met urlDeze open je in After Effects Hier kun je een url toevoegen aan de animatie

11 Opener Main Header

Een andere optie is de (social) opener met titel van de video

De Main Header bevat een animatie van het het groen-wit-groene symbool Als de Main Header los gebruikt wordt dan ontstaat de titel vanuit het groen-wit-groene-symbool

Call to actionDeze animatie is ook te gebruiken als call to action aan het eind van een video

11

12

zonder url

met url

4

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 53: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

53

13 Titel Main Header

Dit is een spin-off van de Opener Main HeaderDe Titel Main Header wordt gebruikt om het hoofdonderwerp van de video te benoemen

De titel ontstaat vanuit het groen-wit-groene-symbool

13

14 Titel Sub Header

De titel Sub Header kun je gebruiken om extra onderwerpen of hoofdstukken te benoemen inde video De titel kun je aanpassen in het After Effects-project

De titel ontstaat vanuit het groen-wit-groene-symbool14

15 Lowerthirds

Lowerthirds zijn te gebruiken voor naamtitels of andere omschrijvingen (bijvoorbeeld locaties)Er is een versie die links uitgelijnd is en een versie die rechts uitgelijnd isIn After Effects kun je de titels aanpassen

Upperthirds zijn niet toegestaan

15

4

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 54: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

54

16 Facebook Videobanner

De Facebook Videobanner heeft twee varianten

Facebook Videobanner 1 In deze banner kun je eacuteeacuten video afspelen

Open hiervoor de composition _FacebookBanner 1 kader MAINDe video is eenvoudig te vervangen Importeer de video en plaats hem in de _FacebookBanner 1 kader MAIN comp Dit is ook de export comp

Facebook Videobanner 2In deze banner kun je 5 fotorsquos laten afspelen

Open hiervoor de composition _FacebookBanner 5 kaders MAINDe fotorsquos zijn eenvoudig te vervangen Importeer je afbeeldingen en plaats ze in een van de FacebookBanner Placeholder compsExporteer vervolgens _FacebookBanner 5 kaders Main

17 YouTube Endscreen

YouTube biedt de mogelijkheid om aan het eind van een video door te linken naar andere videorsquos op het YouTube-kanaal Hiervoor zijn twee eindschermen gemaakt Hierop is ruimte voor twee thumbnails Het advies is om videothumbnails te maken

YouTube Endscreen 1Start vanuit het groen-wit-groene symbool

YouTube Endscreen 2Slaat het stuk met het groen-wit-groene symbool over om sneller naar het endscreen te animeren

Thumbnails aanpassenDe thumbnails kun je aanpassen in de comps _Youtube Placeholder 1 en _Youtube Placeholder 2Plaats hierin je video (of afbeelding)

Exporteer vervolgens eacuteeacuten van de main comps_YouTube Endscreen 1 of YouTube Endscreen 2

Exporteer de animatie in je favoriete codec met alpha channel op straight

MonterenMonteer de geeumlxporteerde endscreen achter je videoUpload deze master naar YouTube

YouTubeVoeg op YouTube de buttonslinks toe op de positie van de (video)thumbnails

16

17

4

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 55: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

55

18 Narrowcasting Layouts

Narrowcasting Layouts worden gebruikt in videorsquos zonder audio Er zijn verschillende opties

Narrowcasting Layout 1Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 2Dit type gebruik je voor lange shots Het is te gebruiken op bijvoorbeeld beurzen of bijeenkomsten en het ideaal voormoving wallpapers slideshows

Narrowcasting Layout 3Dit type gebruik je voor social media en alle videorsquos waarin je mee moet lezen met een verhaalGebruik maximaal 2 regels onder elkaar

18

1

2

3

4

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 56: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

56

Gebruiksaanwijzing Narrowcasting Layout 1

De tekst voor Narrowcasting Layout 1 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 1 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 2

De tekst voor Narrowcasting Layout 2 pas je aan in After EffectsDe main comp en export comp is_Narrowcasting 2 Main Comp

Tekst aanpassen doe je in de comps_Koptitel 1_Regel 1_Regel 2_Regel 3_Regel 4_Regel 5_Regel 6_Regel 7_Regel 8

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

Gebruiksaanwijzing Narrowcasting Layout 3

De tekst voor Narrowcasting Layout 3 pas je aan in After EffectsTextbox Plug-in InstallerenDeze animatie werkt alleen na installatie van de Textbox plug-in Deze is te vinden in de _Assets folderEr is een animatie voor enkele tekstregels en een variant voor twee tekstregels

De main comps en export comps zijn_Narrowcasting 3 - 1 Regel_Narrowcasting 3 - 2 Regels

Tekst aanpassen doe je in de comps_Regel 1_Regel 2

AnimatiesnelheidPas de snelheid van de animaties niet aan

Geen ondertitelsDe narrowcasting balkjes vervangen audio zoals een voice-over Het hoeft dus niet de snelheid van een voice-over aan te houden zoals bijvoorbeeld met ondertitels wel het geval is

Workflow adviesImporteer je voltooide montage in After EffectsMaak een comp van de video en voeg hier de main comps aan toe Zo kun je efficieumlnter de titels animeren

4

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 57: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

57

5 LeveranciersCommunicatiebureaus voorvormgevingsopdrachten

0-to-9Joost van GorselIlse van der Kaaden (010) 275 90 00welcome0-to-9nlwww0-to-9nl

Awareness+zootzBram van der Heijden(070) 346 94 6206 - 46 40 10 99awarenesszootznlawarenesszootznl

Bijl PRVuurroodHans Foks(010) 476 35 56 infobijlprnlwwwbijlprnl

Buro voor de Boeg BV(010) 413 70 02infoburovoordeboegnlwwwburovoordeboegnl

IN10(010) 221 46 00welcomein10nlwwwin10nl

PubliquestJennifer Huizing06 - 15 22 13 97jenniferpubliquestnlwwwpubliquestnl

Roos amp van de WerkKevin Paro(010) 218 08 3806 - 52 82 53 69wwwroos-vandewerknlkevinroos-vandewerknl

Tappan CommunicatieJef Pfaff(070) 331 48 5006 - 13 96 53 32infotappannlwwwtappannl

Total DesignJeanett Visser06 - 26 06 09 60rotterdamtotaldesigncomwwwtotaldesigncom

vanhulzen communicatiePetra LangeveldDmitri Berkhout (071) 560 20 60rotterdamvhgknlwwwvhgknl

Drukkerij - handelsdrukwerk

Sonneveld GrafiMedia Holding BVEd Groskamp (0180) 440 330 of (0174) 445 530egroskampsonneveldnl

Drukkerijen - communicatiedrukwerk

MediaCenterAccountmanagers (advies begrotingen modellen etc)Coen Bokslag 06 - 26 56 05 11cbokslagmediacenterrotterdamnlIris Bezemer 06 - 83 86 14 23ibezemermediacenterrotterdamnlRelatiemanagers (offertes orders planningen etc)Steven Lemmers (010) 425 26 88slemmersmediacenterrotterdamnlWilfried Vos (010) 459 55 59wvosmediacenterrotterdamnl

OBTAccountmanager (buitendienst)Mandy van Houten06 - 22 61 46 86mandyopmeerbvnlOrdermanager (binnendienst)Bram van Wijk(070) 280 08 32bramopmeerbvnl

Veenman+ProjectmanagerJeffrey Lans06 - 13 11 08 95jeffreyveenmanplusnlElmar Boogers(010) 245 33 33elmarveenmanplusnl

Intern print- en kopieerwerk

RobedrijfEdwin van der Valk06 - 51 47 33 10evandervalkrotterdamnl_WI_DocumentverwerkingRobedrijfnl

5

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 58: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

58

AV-bureaus

BocavistaNynke Meuleman - van der WoudenynkebocavistanlM 06 - 53 55 24 58 T (0348) 220 055

In2ContentErik Biborotterdamin2contentnl (035) 647 39 39

KAAPSAnne Steendijkannekaapsnl06 - 19 71 64 60

Umwelt MediaJan Katsmajanumweltfilmscom06 - 28 33 89 69httpsumweltfilmscom

VideoAgency Productions Sanne Sickengasannevideoagencynl (010) 302 00 7006 - 12 03 49 00httpsvideoagencynl

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties
Page 59: Huisstijl- fotografie Guido Pijper handboek...We gebruiken altijd het logo in een logobalk, tenzij het ten koste gaat van de leesbaarheid, bijvoorbeeld als de logobalk te klein wordt

59

Rotterdamnlhuisstijl

  • 1Afzenderschap
  • 2De bouwstenen van de huisstijl
  • 3Vormgevingsrichtlijnen in hoofdlijnen
  • 4Vormgevingsrichtlijnen uitgelegd
  • Logo
  • Functioneel wit
  • Witte drager
  • Kleur
  • Stramienen
  • Middelen zonder stramien
  • Vormentaal
  • Typografie
  • Tekstkaders
  • Fotografie
  • Illustraties
  • Iconen
  • Taalgebruik
  • Tabellen en grafieken
  • Telefoonnummer 14 010
  • URL
  • Social media
  • Rotterdam Make it Happen
  • AV-producties