Bouwstenen Visuele identiteit.

Transcriptie

1 Bouwstenen Visuele identiteit

2 Inhoud Inhoud 2 Inleiding 3 Merkarchitectuur 4 Merkhuis 5 Logo 6 Kleur 7 Stijlelement en stramien 8 Stijlelement toepassing brochures 9 Typografie 10 Papier 11 Fotografie 12 Mitros Bouwstenen Visuele Identiteit 2

3 Inleiding In dit document zijn de huisstijl richtlijnen van Mitros vastgelegd. Aan de hand van diverse voorbeelden wordt duidelijk wat de uitgangspunten en richtlijnen zijn van de huisstijl van Mitros. Deze richtlijnen zijn bedoeld als naslagwerk voor de huisstijl. Ze bieden inspiratie-voorbeelden en geven instructies voor bureaus die toepassingen voor Mitros ontwikkelen. Mitros Bouwstenen Visuele Identiteit 3

4 Merkarchitectuur De communicatie van Mitros is onderverdeeld in een schillenmodel dat hieronder afgebeeld en uitgelegd staat. Interne communicatie Schil 1A Interne Communicatie naar medewerkers Bijvoorbeeld: De Zwaluwenreeks Schil 2A Interne projectcommunicatie/campagnes en periodieken die een eigen uitstraling vereisen, zoals project Nieuwe Kantoor, Transitie, VIA. Externe communicatie Schil 1B Corporate Communicatie (100% Mitros). Bijvoorbeeld: Stationery, jaarverslag, cahier, bewonersmap. Schil 2B Projectcommunicatie zonder afzetrisico (100% Mitros), wanneer een ander (bijvoorbeeld een aannemer) voor Mitros werkt en namens Mitros communiceert. Het gaat hier om projecten die worden uitgevoerd door een onderaannemer van Mitros, bijvoorbeeld VIOS die renoveert voor Mitros. Schil 3B Projectcommunicatie met afzetrisico (100% Mitros), communicatie (over vrije verhuur en vrije verkoop) dat een eigen uitstraling vereist i.v.m. de aan te spreken doelgroep. Schil 4B Samenwerkingsprojecten ( 50% Mitros) Bijvoorbeeld: communicatie i.s.m. een wijk, gemeente, andere coörperaties e.d. 2A 1A 4B 3B 2B 1B Mitros Bouwstenen Visuele Identiteit 4

5 Het merkhuis Het merk Mitros is kort samengevat in onderstaand merkhuis-model. UITSTRALING Hoe kom ik over? Eerlijk / Duidelijk / Direct Fris / Positief / Helder PERSOONLIJKHEID Wie ben ik? Aanspreekbaar Resultaatgericht Open Betrokken Betrouwbaar Goed werkgever Verantwoordelijk KERNWAARDEN Aanspreekbaar We willen aanspreekbaar zijn op de dingen die we doen. Gezond verstand We denken nuchter na over wat we doen en waarom. Verbonden We zijn verbonden met de stad, met de wijken, met onze huurders en onze stakeholders. MISSIE Mitros richt zich op waardevol wonen door zich hard te maken voor de kansen van mensen in buurten en wijken in de stedelijke regio Utrecht en deze kansen samen met andere partijen te realiseren. het merkhuis van mitros Mitros Bouwstenen Visuele Identiteit 5

6 Logo In full color We gebruiken het logo in kleur, tenzij er een dringende reden is om dat niet te doen, dan alleen in overleg met afdeling Communicatie. 1/8 1/8 1/8 1/8 1/8 1/8 1/8 1/8 Witruimte om logo Verdeel het vierkant in 8 delen en plaats het logo in het aangegeven blauwe vlak, lijnend aan de onderkant van het vlak. In 3 kleuren In zwart In 1 kleur (diapositief) In 1 kleur (positief) Foutief gebruik Mitros Bouwstenen Visuele Identiteit 6

7 Kleurgebruik De kernwaarden van Mitros zijn: Aanspreekbaar, Verbonden en Gezond verstand. De huisstijlkleuren sluiten hierop aan. In de huisstijl van Mitros is wit de basiskleur. Daarnaast wordt gebruik gemaakt van de warme kleuren uit het hieronder afgebeelde pallet. ORANJE C 0 M 80 Y 100 K 0 R 255 B 90 B 25 WEB #FF5A19 PMS 7579 Coated RAL 2009 / * WIT C 0 M 0 Y 0 K 0 R 255 B 255 B 255 WEB #FFFFFF RAL 9016 ZWART C 60 M 50 Y 50 K 100 PMS BLACK C R 255 B 255 B 255 WEB # RAL 8022 GEEL C 0 M 30 Y 90 K 0 R 255 B 185 B 50 WEB #FFB932 PMS 143 Coated RAL 1003 / * ROOD C 0 M 95 Y 100 K 0 R 240 B 50 B 30 WEB #F03223 PMS 485 Coated RAL 2002 / * OKER PAARS C 0 M 50 Y 100 K 0 R 250 B 150 B 30 WEB #FA961E PMS 144 Coated RAL 2000 / * C 40 M 100 Y 50 K 20 R 140 B 30 B 80 WEB #8C1E50 PMS 506 Coated RAL 4002 / * *: deze RAL code is afkomstig uit de collectie RAL D2 Design Kleurbewerking Door een kleurvlak over de foto te leggen en deze het transparantiefilter overlay te geven, krijg je een levendig effect, toepasbaar op elke foto. Mitros Bouwstenen Visuele Identiteit 7

8 Stijlelement en stramien In de huisstijl van Mitros worden gekleurde blokken gebruikt als stijlelementen. Elk onderdeel van de huisstijl heeft een eigen stramien, opgebouwd uit deze blokken. Toepassingen van Mitros hebben overigens altijd (uitzonderingen: bijvoorbeeld vlag, beeldscherm-uitingen) een staand formaat, bij voorkeur in een A-formaat. Hieronder staat voor brochures de blokverdeling uitgelegd. Brochure cover Stap 1 Verdeel de pagina in vier delen. Stap 2 Creëer vierkante blokken van boven naar onder. Stap 3 Plaats logo, beeld, gekleurde blokken en titel. 1/4 1/4 1/4 1/4 Logo Beeld en gekleurde blokken Titel Brochure binnenwerk Stap 1 Verdeel de pagina in vijf delen. Stap 2 Creëer vierkante blokken van boven naar onder. Stap 3 Plaats beeld, gekleurde blokken en teksten. 1/5 1/5 1/5 1/5 1/5 Beeld en gekleurde blokken Mitros Bouwstenen Visuele Identiteit 8

9 Stijlelement toepassing brochures Brochure cover Jaarverslag 2012 Groot onderhoud Nijpelsplantsoen Schil 1 (extern) op covers, posters, banieren, advertenties e.d.: altijd meer dan 2 beelden. Schil 2 (extern) op covers, posters, banieren, advertenties e.d.: 2 beelden (1 groot/menselijk en 1 klein/project). Genoeg betaalbare huurwoningen Sape aute ea quiamus eariam quae voluptat que quiam quisciat. Brochure binnenwerk Rum sae odi dis molorio quaectur sequuntem nisimpos ant qoles ditiae volupti ut erio quaectur sequuntem nisimpos ant qoles ditiae volupti ut earumqu iatibusam que cor re, qui quis asped ut ma venihit odiscit utrio quaectur sequuntem nisimpos ant qoles. Atquas et Consecero esequam eicium endit perfersperro eum ius ant ut vel molesto earions erorit quuntiostiaeignimi, officiam quis eos estis denis reiciatemped ut doloretiaeiorrunt. su ntotae volore ea nus est eosam comnis mod ut magnit eumque quatuem quias asperuptas dellenorrunt. nectem laut reiciatemped ut dro eum ius ant ut vel molesto earions erorit ea nus est eosam comnis Arum culliaspe porrunt. Arum itasped es in nobissu mod ut magnit eumque necteme volore quuntiostiaeignimi, officiam quis eos estis de eosam comnis consedi ts et mos erciiorrunt. Arum culliaspe por ntotae volore quuntiostiaeitorest eosto doluptatae mod ut magnit eumque nectem la. acia nitae volore quuntiostiaeignimi, officiam quis eos estis denis quatu ut dro eum ius ant ut vel wes Lacsdvusdvsam in nobissure quuntiostiaeignimi, officiam quis eos mod quo es es dolupis sin re atis re por rehenis dicipsanvt rem que sam eium volorum facerfe repercia to earions erorit ea nus est eosam comnis issped estis denis quatu ut dro eum ius ant ut vel moles- venemolorem fugiam volupiscima dus alicim aut ut esoribus ut qu eum ius ant ut vel molesto earions e volore quuntiostiaeignimi, officiam quis eos estis denis quatu ut dro eum ius ant ut vel molesto lorerest ex elenis rem ea dolut undes est quia nos eroomnis mo explis as.exerum as recullu ptatia do- earions erorit ea nus est eosam comnis dro eum eserior eptatibus quas nonsequis quaspel eatur? ius ant ut vel molesto earions erorit ea nus est eosam comnis mod ut magnit eumque nectem laut seque nes dit hicius aliberi aeperspedita Qui omnimus, accatem qui cor maxim esecuptasita verferr Hier is alle ruimte voor de juiste kop Sape aute ea quiamus eariam quae voluptat que quiam quisciat. Rum sae odi dis molorio quaectur sequuntem nisimpos ant qoles dit iae volupti utt. Rum sae odi dis molorio quaectur sequuntem nisimpos ant qolesdi dis molorio quaectur sequuntem. Autem quias as aut officat emporibus ut quatur aer explis asperuptas delles dellentorest e autem quias as aut officat eus ut quatur aereossi explis aset maio inciendicil et ent ommolup tatios expe enis poribus, cum autem facero toreperume dus. Doluptat cima Totatia volut quatio inisto quis maionseqped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostiaeignped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntios- Het nieuwe ontwikkelen 3 tiaeignore quuntiostiaeignue 2et aciis eturibeat lam tia iderferit autam ilita dolorep eruptaquis dolupta 3 quas vere neces quiam reiciist lam verspiet esequistiis excepudos isquiatur? sequi ditaesti coribus dolorectem. Obitiusam, nis tenimo earcimus earchitectae suntibus, occuptis audaecus. In pa plis ut aut voluptui nos auda quatem nitia iderferit autam ilita dolorep eruptaquis Molorro te voluptatem sanisquatur ra nullit eaquamus sin none porro omniend igenimpel is si officim qui accusap idelique occuptis sequi ditaesti coribus dolorectem. Obi- dolupta tenimo earcimus earchitectae suntibus, doluptia ad quas distent otaecab is et apwdaf vient tiusam, nis audaecus. In pa plis ut aut voluoribus, alicid et quas distent otaecavb is et apient alicid et cum autem facero toreperume dus. quas distent otaecabsdcv is et apient alicid et quas distvient alicid et quas distent otaecavb is et apient Totatia volut quatio inisto quis maionseqped es in alicid et quas distent otaecabsdcv is et apient alicid nobissu ntotae volore quuntiostped es in nobissu et quas distedsfdnt ovsdvsvxcwvgur ratuped es in ntotae volore quuntiostped es in nobissu ntotae nobissu ntotae volore quuntiostped es in nobissu volped es in nobissu ntotae volore quuntiostped es ntotae volore quuntiostped es in nobissu ntotae in nobissu ntotae volore quuntiostped es in nobissu volore quuntiostiaeignsda ectur, cora velesvdsvdxcvnit re porere, sundict aepudamet veliam, ipitio Totatia volut quatio inisto quis maionseqped es in ntotae oribus, cum autem facero toreperume dus. tectntioptui nosoribus, cum autem facero toreperume dus. Totatia volut quatio inisto quis maionse- ntotae volore quuntiostped es in nobissu ntotae nobissu ntotae volore quuntiostped es in nobissu qped es in nobissu ntotae volore quuntiostped es volped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore o quis maionseqped es in in nobissu ntotae volore quuntiostped es in nobissu nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiovolore quuuntiostped es in ntotae volore quuntiostped es in nobissu ntotae nobissu ntotae volore quuntiostped es in nobissu volped es in nobissu ntotae volore quiam ist adi de ntotae voloobissu ntotae volore quuntiostped es in eum excernat vx fsd fsvdgs gd dfgsdfgerb rgfbxd nobissu ntotae volore quuntiostped es in nobissu df agfsdoloviat ommoles erspel molorep raerspero. ntotae volore quuntiooribus, cum autem facero toreperume dus. Dolorro essinulpa intiisi aborest otaerspidest lat perchillique que placcaes Totatia volut quatio inisto quis maionseqped es in nonse nam fugit, qui oditatqui nos auda quatem ni- nobissu ntotae volore quuntiostped es in nobissu Mitros Bouwstenen Visuele Identiteit 9

10 Typografie Een belangrijke bouwsteen binnen de huisstijl is typografie. De Gotham is een duidelijk en goed leesbaar lettertype dat gebruikt wordt voor al het gedrukt materiaal. Voor digitale toepassingen, zoals presentaties, mails en Word-sjablonen, wordt gebruik gemaakt van de Verdana als lettertype. Gotham HTF Bold Wordt gebruikt in koppen en tussenkoppen. Nieuwe perspectieven ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz voor de toekomst Gotham HTF Light Sape aute ea quiamus eariam quae voluptat De Light que versie quiam van quisciat. Gotham HTF Rum word sae gebruikt voor koppen, inleidingen en de broodtekst. odi dis molorio quaectur sequuntem nisimpos ant quodign ihillabo. Namet ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz qui utas sitius porum asinihi llibus voles ditiae volupti ut earumqu iatibusam que cor re, qui quis asped ut ma venihit odiscit utem eatquas et. perfersperro eum ius ant ut vel molesto earions erorit ea nus est eosam comnis mod ut magnit eumque nectem laut reiciatemped ut dolorer atiorro volorrunt. Arum culliaspe por acia Gotham HTF Book Doluptat cima De Book wordt consequo gebruikt maximai voor kopteksten. onectur alibuscid qui adite Autem quias as aut officat emporibus ut quatur prem quam ea nis molore mil et labo. Catiunt aer explis asperuptas delles dellentorest e ABCDEFGHIJKLMNOPQRSTUVWXYZ autem quias as aut officat eus ut quatur aereossi prerspere perat alitatis aut que eate doluptatia abcdefghijklmnopqrstuvwxyz non cum fuga. Ro qui simus repudaero dolesto explis as. Consecero esequam eicium endit riorempor sa comnim quam fugiassim a sequataquod quis del il iduciti ilignihitium dolecab oreium aperrum renimi, ommolup tatquunt. Um asped eosti officim si aute nobis maiorum aut acearum faccum fuga. Nam ent quiasi nitasped es in nobissu ntotae volore quuntiostiaeignimi, officiam quis eos estis denis quatur fuga. Evero explit officit perferrumquo velest quam il molupti rem id et invelluptati omniatem Verdana Bold Uitlijning maio que reiurepuditi conse ni beaquaturis ABCDEFGHIJKLMNOPQRSTUVWXYZ et quunt rerunt vent dolorectur sitaspe dignate Teksten quiam worden eiuscitis zoveel arum qustei mogelijk consed. Genda sed storiat enditiae. Ost, sinctaesto dus magnia linkslijnend geplaatst. abcdefghijklmnopqrstuvwxyz quia dolupta spercit renditio qui venes simet quam cone voluptam untem ellanda epudae. volup. Genda volum dollautem quibusci occum adicabo. gebruik Ut lantiae re ium aceresti utem estotatius et volorep tatemquamus soluptur? Itat idisti dia!@#$%^&*() nobis modi occum uta soluptibus Hoofdletter Alle teksten die Mitros schrijft quod estio ditaepuda quat offic temporporum Dandigendae ipidi delenis dia id ulpa doluptam hanteren de normale regels m.b.t. dolorro hoofdlettergebruik. od ea nobisqu assit, veliquo enisqui Verdana se Regular con nobitatas et voluptat. Dat betekent beginhoofdletter aan begin van elke zin en ABCDEFGHIJKLMNOPQRSTUVWXYZ eigennamen. In sommige gevallen kunnen subkopteksten abcdefghijklmnopqrstuvwxyz geheel in hoofdletters geschreven worden om zo !@#$%^&*() duidelijker onderscheid te krijgen met overige teksten. Het Mitros nieuwe Bouwstenen ontwikkelen Visuele 7 Identiteit 10

11 Papier Binnen de huisstijl van Mitros is wit de basiskleur. Deze basiskleur wordt (in de meeste toepassingen) gevuld door het papiersoort. Daarnaast zal het papier moeten aansluiten bij de manier waarop Mitros handelt; aanspreekbaar, verbonden en met gezond verstand. Dat betekent dat uitingen op een wit, mat (uncoated) papier gedrukt worden en dat glossy, off-white (gelig) papier niet aansluiten op de Mitros huisstijl (dit kan overigens voor schil 3 uitingen wel toegepast worden). Papiersoort voor Stationery Navigator, 90 gr gr Papiersoort voor overig drukwerk (brochures) Fastprint Gold, 90 gr gr Mitros Bouwstenen Visuele Identiteit 11

12 Fotografie Binnen een huisstijl is fotografie, naast kleur en typografie, een belangrijk middel om een boodschap over te brengen. Fotografie bepaalt voor een groot deel de beleving van huisstijlcommunicatie. Voor consistentie en herkenning van de beleving is belangrijk uitgangspunten vast te leggen als fotografiebriefing. Deze zijn ook inzetbaar als criteria om het fotografische werk te beoordelen. Het vakmanschap van de fotograaf is altijd van belang, dat maakt een foto niet alleen herkenbaar maar ook aangenaam om naar te kijken. BRIEFING Startpunt zijn de kernwaarden: Aanspreekbaar, Verbonden en Gezond verstand. Deze vertalen we voor de fotografiebriefing naar de mens staat centraal en naar natuurlijk. Daarbij is de mens staat centraal leidend voor onderwerp en compositie en natuurlijk is leidend voor stijl en expressie. Het onderwerp is datgene wat op de foto staat, compositie is hoe de beeldelementen geordend worden. Stijl gaat over kenmerken van de vormgeving, expressie betreft de uitdrukking van die vormgeving. Het zijn begrippen die sturend zijn voor de inhoud en de vorm van de fotografie. WAARDENFOCUS Mens staat centraal Dit betekent dat letterlijk de mens of het menselijke de hoofdrol speelt. Mensen zijn in beeld en reageren op elkaar of op de fotograaf. Situaties zijn nooit negatief, altijd gericht op het positieve. Mensen zijn altijd verbonden en nooit alleen. Ook de fotograaf is betrokken en laat zien dat alles rond Mitros de moeite waard is om te fotograferen en dat hij of zij daar plezier in heeft. Steekwoorden: Verbindend intermenselijk, sympathiek, warm Interactie met anderen (primair), of met een Mitros onderwerp (secundair) Focus fotografie Mens/mensen goed zichtbaar, centraal in beeld Kade /doorkijk omlijsting of overlapping door beeldelement in voorgrond, kan ook door scherptediepte (achtergrond of voorgrond vervaagd, onderwerp scherp). Natuurlijk Dit betekent dat de fotografie zo natuurlijk mogelijk laat zien wat er gebeurt. Dat wil zeggen zonder manipulatie en zonder abstract of clichématig te worden. Minimale enscenering is toegestaan om spontaniteit op te roepen, maar dat is meer de interactie tussen fotograaf en gefotografeerde en nooit een briefing voor een fotomodel. Kleurrijk is een logisch gevolg van de diversiteit aan echte mensen die zich voor de lens bevinden en betekent ook oud/jong, man/vrouw, arm/rijk zoals het leven komt. Steekwoorden: Echte mensen spontaan / dynamisch, geen modellen / studiowerk, niet abstract of gemanipuleerd, kleurrijk Direct recht voor zijn raap, niet mooier dan het is, levensechte Mitros-situaties Focus fotografie Actief mensen zijn bezig of er gebeurt wat / staat iets te gebeuren Sociaal mensen interacteren of reageren op Mitros- gerelateerde zaken buiten beeld Mitros Bouwstenen Visuele Identiteit 12

13 Fotografie GEBRUIK FOTOGRAFIE IN DE LAY-OUT Foto s worden ingezet in communicatieuitingen door gebruik op covers van brochures, posters, op websites, bouwborden, etc. Voor Schil 1 en 2 uitingen maken we gebruik van de hier beschreven fotografiestijl. Voor Schil 3 uitingen kan gekozen worden voor een andere stijl die aansluit bij een specifieke doelgroep. Voor interne communicatie wordt gebruik gemaakt van close-up fotografie om duidelijk onderscheid te creëren met externe communicatiemiddelen. Mitros hanteert een kenmerkende Mitros lay-out grid, wat bestaat uit vierkante vlakken. Vlakken kunnen opgevuld worden met kleur of met fotografie. Doordat er meerdere foto s in het grid plaatsbaar zijn is goed mogelijk te combineren om zo verschillende communicatiedoelstellingen te bereiken. Zo kunnen foto s waarin de mens centraal staat op natuurlijke wijze, gecombineerd worden met foto s van het bezit (woonflat) of werkzaamheden van Mitros. De foto van de woonflat zelf hoeft dan niet per se mensen te bevatten, door de combinatie van foto s in de lay-out kan toch aan de criteria voldaan worden. Onderscheid in uitingen per schil Schil 1 (intern) op covers, posters, banieren, advertenties e.d.: 1 groot beeld (close-up) Schil 1 (extern) op covers, posters, banieren, advertenties e.d.: altijd meer dan 2 beelden Schil 2 (extern) op covers, posters, banieren, advertenties e.d.: 2 beelden (1 groot/menselijk en 1 klein/project) Schil 3 (extern) op covers, posters, banieren, advertenties e.d.: meer dan 2 beelden (eigen stijl mogelijk) Kleurbewerking Een ander middel is het gebruik van kleurbewerking op foto s. Door dit te doen binnen het grid ontstaan extra mogelijkheden om foto s of delen van foto s aan de criteria te laten voldoen of een accent te geven. Door een kleurvlak over de foto te leggen en deze het transparantiefilter overlay te geven, krijg je een levendig effect, wat toepasbaar is over elke foto. Mitros Bouwstenen Visuele Identiteit 13

14 Mitros - Bouwstenen Visuele Identiteit Mitros Postbus RE Utrecht Concept & Design Sinot Branding & Design 2013 Alle rechten voorbehouden aan de respectievelijke rechthebbenden en Mitros. Niets uit deze uitgave mag worden verveelvoudigd of openbaar gemaakt worden zonder voorafgaande toestemming van Mitros.