Bouwstenen Visuele identiteit

Bouwstenen Visuele identiteit www.mitros.nl

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

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.


3

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’

4B

Schil 2A Interne projectcommunicatie/campagnes en periodieken die een eigen uitstraling vereisen, zoals project Nieuwe Kantoor, Transitie, VIA.

3B 2A

2B

Externe communicatie Schil 1B Corporate Communicatie (100% Mitros). Bijvoorbeeld: Stationery, jaarverslag, cahier, bewonersmap.

1A 1B

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.


4

Het merkhuis

H

ct ire D r / e k ld lij e de H ui f / D ie / sit jk o rli / P Ee ris F

oe UIT ko ST m RA ik L ov IN er G ?

Het merk Mitros is kort samengevat in onderstaand merkhuis-model.

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

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( >;A#$1 >;A""1 >;A<Scb`OZ0ZOQY1

In zwart

In 1 kleur (diapositief)

In 1 kleur (positief)

Foutief gebruik


6

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.

WIT C0M0Y0K0 R 255 B 255 B 255 WEB #FFFFFF RAL 9016

ORANJE

ZWART C 60 M 50 Y 50 K 100 PMS BLACK C R 255 B 255 B 255 WEB #000000 RAL 8022

C 0 M 80 Y 100 K 0 R 255 B 90 B 25 WEB #FF5A19 PMS 7579 Coated RAL 2009 / 050 60 70*

GEEL

ROOD

C 0 M 30 Y 90 K 0 R 255 B 185 B 50 WEB #FFB932 PMS 143 Coated RAL 1003 / 070 70 80*

C 0 M 95 Y 100 K 0 R 240 B 50 B 30 WEB #F03223 PMS 485 Coated RAL 2002 / 040 50 70*

OKER

PAARS

C 0 M 50 Y 100 K 0 R 250 B 150 B 30 WEB #FA961E PMS 144 Coated RAL 2000 / 060 70 70*

C 40 M 100 Y 50 K 20 R 140 B 30 B 80 WEB #8C1E50 PMS 506 Coated RAL 4002 / 360 30 30*

*: 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.


7

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

Stap 2

Stap 3

Verdeel de pagina in vier delen.

Creëer vierkante blokken van boven naar onder.

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

Stap 2

Stap 3

Verdeel de pagina in vijf delen.

Creëer vierkante blokken van boven naar onder.

Plaats beeld, gekleurde blokken en teksten.

1/5

1/5

1/5

1/5

1/5

Beeld en gekleurde blokken


8

Stijlelement toepassing brochures Brochure cover

Jaarverslag

2012

Groot onderhoud Nijpelsplantsoen

www.mitros.nl

www.mitros.nl

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. Rum sae odi dis molorio quaectur sequuntem nisimpos ant qoles ditiae volupti ut erio quaectur sequuntem nisimpos ant qoles ditiae volupti ut

Brochure binnenwerk

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 ea nus est eosam comnis mod ut magnit eumque nectem laut reiciatemped ut dro eum ius ant ut vel molesto earions erorit ea nus est eosam comnis mod ut magnit eumque necteme volore quuntiostiaeIgnimi, officiam quis eos estis de eosam comnis mod ut magnit eumque nectem la. Lacsdvusdvsam mod quo es es dolupis sin re atis re por rehenis dicipsanvt rem que sam eium volorum facerfe repercia venemolorem fugiam volupiscima dus alicim aut ut e volore quuntiostiaeIgnimi, officiam quis eos estis denis quatu ut dro eum ius ant ut vel molesto earions erorit ea nus est eosam comnis dro eum ius ant ut vel molesto earions erorit ea nus est eosam comnis mod ut magnit eumque nectem laut

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. 10

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-

tiaeIgnore quuntiostiaeIgnue 2et aciis eturibeat lam quas vere neces quiam reiciist lam verspiet esequistiis excepudos isquiatur? Molorro te voluptatem sanisquatur ra nullit eaquamus sin none porro omniend igenimpel is si officim qui accusap idelique doluptia ad quas distent otaecab is et apwdaf vient alicid et quas distent otaecavb is et apient alicid et quas distent otaecabsdcv is et apient alicid et quas distvient alicid et quas distent otaecavb is et apient alicid et quas distent otaecabsdcv is et apient alicid et quas distedsfdnt ovsdvsvxcwvgur ratuped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostiaeIgnsda ectur, cora velesvdsvdxcvnit re porere, sundict aepudamet veliam, ipitio tectntioptui nosoribus, cum autem facero toreperume dus. Totatia volut quatio inisto quis maionseqped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore o quis maionseqped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volped es in nobissu ntotae volore quiam ist adi de eum excernat vx fsd fsvdgs gd dfgsdfgerb rgfbxd df agfsdoloviat ommoles erspel molorep raerspero. Dolorro essinulpa intiisi aborest otaerspidest lat perchillique que placcaes nonse nam fugit, qui oditatqui nos auda quatem ni-

tia iderferit autam ilita dolorep eruptaquis dolupta tenimo earcimus earchitectae suntibus, occuptis sequi ditaesti coribus dolorectem. Obitiusam, nis audaecus. In pa plis ut aut voluptui nos auda quatem nitia iderferit autam ilita dolorep eruptaquis dolupta tenimo earcimus earchitectae suntibus, occuptis sequi ditaesti coribus dolorectem. Obitiusam, nis audaecus. In pa plis ut aut voluoribus, cum autem facero toreperume dus.

reiciatemped ut doloretiaeIorrunt. su ntotae volore quuntiostiaeIgnimi, officiam quis eos estis denis quatuem quias asperuptas dellenorrunt. Arum culliaspe porrunt. Arum itasped es in nobissu ntotae volore quuntiostiaeItorest eosto doluptatae consedi ts et mos erciiorrunt. Arum culliaspe por acia nitae volore quuntiostiaeIgnimi, officiam quis eos estis denis quatu ut dro eum ius ant ut vel wes in nobissure quuntiostiaeIgnimi, officiam quis eos estis denis quatu ut dro eum ius ant ut vel molesto earions erorit ea nus est eosam comnis issped esoribus ut qu eum ius ant ut vel molesto earions eroomnis mo explis as.Exerum as recullu ptatia dolorerest ex elenis rem ea dolut undes est quia nos eserior eptatibus quas nonsequis quaspel eatur? Qui omnimus, accatem qui cor maxim esecuptasita seque nes dit hicius aliberi aeperspedita verferr

Het nieuwe ontwikkelen 3

3

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 oribus, cum autem facero toreperume dus. 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 quuntiovolore quuuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae voloobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiostped es in nobissu ntotae volore quuntiooribus, cum autem facero toreperume dus. Totatia volut quatio inisto quis maionseqped es in nobissu ntotae volore quuntiostped es in nobissu

11


9

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 voor de toekomst ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*() Gotham HTF Light De Light versie van quisciat. Gotham HTF Sape aute ea quiamus eariam quae voluptat que quiam Rumword 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 1234567890 !@#$%^&*()

que cor re, qui quis asped ut ma venihit odiscit utem eatquas et. Gotham HTF Book

consequo maximai onectur alibuscid qui adite Doluptat cima De Book wordt gebruikt voor kopteksten. prem quam ea nis molore mil et labo. Catiunt Autem quias as aut officat emporibus ut quatur ABCDEFGHIJKLMNOPQRSTUVWXYZ prerspere perat alitatis aut que eate doluptatia aer explis asperuptas delles dellentorest e aunon cum fuga. Ro qui simus repudaero dolesto tem quias as aut officat eus ut quatur aereossi abcdefghijklmnopqrstuvwxyz riorempor sa comnim quam fugiassim a seexplis as. Consecero esequam eicium endit 1234567890 !@#$%^&*() quataquod quis del il iduciti ilignihitium dolecab perfersperro eum ius ant ut vel molesto earions oreium aperrum renimi, ommolup tatquunt. erorit ea nus est eosam comnis mod ut magnit Um asped eosti officim si aute nobis maiorum eumque nectem laut reiciatemped ut dolorer aut acearum faccum fuga. Nam ent quiasi atiorro volorrunt. Arum culliaspe por acia quam il molupti rem id et invelluptati omniatem nitasped es in nobissu ntotae volore quuntiosVerdana Bold fuga. Evero explit officit perferrumquo velest tiaeIgnimi, officiam quis eos estis denis quatur quunt rerunt vent dolorectur sitaspe dignate maio que reiurepuditi conse ni beaquaturis et Uitlijning ABCDEFGHIJKLMNOPQRSTUVWXYZ Teksten worden zoveel mogelijk storiat enditiae. Ost, sinctaesto dus magnia quiam eiuscitis arum qustei consed. Genda sed linkslijnend geplaatst. abcdefghijklmnopqrstuvwxyz quam cone voluptam untem ellanda epudae. quia dolupta spercit renditio qui venes simet Itat idisti dia nobis modi occum uta soluptibus volup. Genda volum dollautem quibusci oc1234567890 !@#$%^&*() Hoofdletter gebruik estotatius et volorep tatemquamus soluptur? cum adicabo. Ut lantiae re ium aceresti utem Alle teksten die Mitros schrijft Dandigendae ipidi delenis dia id ulpa doluptam quod estio ditaepuda quat offic temporporum hanteren de normale regels con nobitatas et voluptat. dolorro od ea nobisqu assit, veliquo enisqui se m.b.t. hoofdlettergebruik. Verdana Regular Dat betekent beginhoofdletter aan begin van elke zin en ABCDEFGHIJKLMNOPQRSTUVWXYZ eigennamen. In sommige gevallen kunnen subkopteksten abcdefghijklmnopqrstuvwxyz geheel in hoofdletters geschreven worden om zo 1234567890 !@#$%^&*() duidelijker onderscheid te krijgen met overige teksten. Het Mitros nieuwe ontwikkelen 7 Identiteit Bouwstenen Visuele

10

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 - 250 gr Papiersoort voor overig drukwerk (brochures)

Fastprint Gold, 90 gr - 400 gr


11

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


12

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.: Schil 1 (extern) op covers, posters, banieren, advertenties e.d.: Schil 2 (extern) op covers, posters, banieren, advertenties e.d.: Schil 3 (extern) op covers, posters, banieren, advertenties e.d.:

1 groot beeld (close-up) altijd meer dan 2 beelden 2 beelden (1 groot/menselijk en 1 klein/project) 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.


13

Mitros - Bouwstenen Visuele Identiteit Mitros Postbus 8217 3503 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.

www.mitros.nl

Bouwstenen Visuele identiteit

Recommend Documents