Visuele Identiteit & Richtlijnen voor toepassing

+

Visuele Identiteit & Richtlijnen voor toepassing

www.mi-is.be

+

+

+

=

VO O RWO O R D Mensen hebben een identiteit, we zijn uniek. De afdruk van onze duim is daarvan de uiting. Ook organisaties hebben een identiteit, zijn uniek. Ook zij hebben een duimafdruk. We noemen dat een logo. Maar we zijn ook uniek, we hebben ook een ziel. Zoals elke mens zijn eigen verhaal heeft, hebben wij als organisatie ook ons verhaal. Wij willen met onze POD de sociale grondrechten voor iedereen helpen garanderen. Wij willen klantvriendelijk zijn, maatwerk leveren. Diversiteit en gelijke kansen zijn onze waarden. Dit verhaal willen we vertellen met onze nieuwe visuele identiteit, formuleren en tastbaar maken wie we zijn en wat we willen. Dat is meer dan een duimafdruk, dat is onze ziel. Maar de duimafdruk geeft toch een gebald beeld van wie we zijn. Ons logo is daar een perfecte illustratie van. Je kan er heel wat van onze ziel in terugvinden. Een groep, waar iedereen bijhoort, ook onze schaduw. De vijf vingers van een hand, samen solidair. De vlammetjes van de begeestering. De kroon op het werk van de maatschappelijke solidariteit. En nog vele zingevingen meer…

2

www.mi-is.be

VOORWOORD Met dit logo als kenmerk bouwen we een hele nieuwe visuele identiteit. Deze wordt de belichaming van wie we zijn als POD mi-is. We zijn fier op wie we zijn en zullen dit dan ook tonen, in al onze communicatie. Waar we ook zijn. Met dit handboek als richtlijn zullen we de POD samen op de kaart zetten van sociaal België.

Julien Van Geertsom Voorzitter

3

www.mi-is.be

OVERZICHT

4

www.mi-is.be

VISUELE IDENTITEIT à Het logo en zijn betekenis à Opbouw van het logo à Gebruik van het logo à Ongeoorloofd gebruik à Het lettertype

p. 5 p. 6 p. 7 - 8 p. 9 p. 10

TOEPASSINGEN VOOR PAPIEREN DRAGERS à Briefhoofden / Vervolgpapier / Visitekaartjes à Enveloppes à Briefhoofden / Vervolgpapier / Visitekaartjes (Sociale Economie) à Briefhoofden / Vervolgpapier / Visitekaartjes (Grootstedenbeleid) à Briefhoofden / Vervolgpapier / Visitekaartjes (Europees Sociaal Fonds)

p. 11 p. 12 p. 13 p. 14 p. 15

TOEPASSINGEN VOOR DIGITALE MEDIA à Web site à PowerPoint templates à Digitale nieuwsbrief template / Digitale signatuur à CD Hoesje / Sticker

p. 16 - 17 - 18 p. 19 p. 20 - 21 - 22 - 23 p. 24

ANDERE TOEPASSINGEN à Vlaggen / Kleinmeubilair expo / Beursstand / Signalisatie / Deurbordje

p. 25 - 26

FICTIEVE TOEPASSINGEN à Inspirerende voorbeelden

p. 27 - 28 - 29

FOTOMATERIAAL à Gebruikte foto’s / Richtlijnen

p. 30

INHOUD CD à Overzicht

p. 31

"de visuele identiteit van de POD MI-IS en haar afgeleide communicatie (huisstijl, website) zijn afgestemd op de federale identiteitsrichtlijnen (.be)"

VISUELE IDENTITEIT

à Het logo en zijn betekenis Vaak zien verschillende personen die het logo van de POD mi-is bekijken, evenveel verschillende betekenissen in het beeldmerk. Sommigen ontwaren er een hand in, anderen dan weer een kroon. Een andere fantasierijke persoon meent er dan weer de warmte van vuur in te herkennen. Bepaalde mensen zien enkel een groepje mensen, anderen bemerken dan weer de schaduwpersoon. Enkelingen vinden het confronterend dat een individu in de schaduw gesteld wordt, terwijl anderen dan weer de aansluiting met de groep erin zien. Dit laatste belichaamt het feit dat we aan iedereen, ook de minder weerbaren, hun sociale grondrechten willen garanderen.

5

www.mi-is.be

Eén ding is zeker: de rijkdom aan interpretaties illustreert treffend dat het logo een gelaagd en genuanceerd beeld aanreikt. De meest diverse interpretaties telkens weer raken aan de kern van de missie . De POD mi-is heeft aandacht voor het vaak minder weerbare individu binnen een brede maatschappelijke context.

De primaire boodschap van het beeld bestaat uit de weergave van een groep mensen, met in haar schaduw een individu op een ‘kantelpunt’, die allen samen toch één geheel vormen. Secundair kan in dit geheel een ‘ondersteunende, open hand’ gezien worden. Dat daarbij een kleurensymboliek van warm geel en warm grijs gecombineerd wordt met een dynamisch-organische lijnvoering, die wil vermijden strak en technocratisch over te komen, is een bijkomend aspect van belang. Algemeen wil het logo de toegankelijkheid van een warme organisatie op mensenmaat uitstralen. Het gekozen ontwerp wordt door de medewerkers van de dienst zelf op evenveel manieren geïnterpreteerd als door de externe toeschouwers, maar toch voelt iedereen zich daarbij goed in zijn vel onder het nieuwe vaandel.

Het is een logo om in ‘thuis te komen’.

à Opbouw van het logo Beschikbaar op CD

1

Pantone 122

01. Logo’s / Fonts / Photo’s

CMYK: C 0 — M 18 — Y 83 — K 0 RGB: R 249 — G 215 — B 63

Pantone Cool Grey 8

CMYK: C 0 — M 0 — Y 0 — K 57 RGB: R 134 — G 134 — B 134

Zwart / Wit

6

35% Black 57% Black

CMYK: C 0 — M 0 — Y 0 — K 100 RGB: R 0 — G 0 — B 0 57% Black

www.mi-is.be

à Gebruik van het logo

Versie twee kleuren witte achtergrond

Versie twee kleuren rasterachtergrond

Monochrome versie in negatief zwarte achtergrond

Monochrome versie in negatief donkere rasterachtergrond

Logo in positief

Monochrome versie witte achtergrond

(zwart)

Bij voorkeur zal het logo POD in tweekleurenversie worden gebruikt. Indien dit niet mogelijk is, gebruikt men het monochrome logo in positief (zwarte letters), op witte achtergrond of lichte rasterachtergrond.

Logo in negatief 7

www.mi-is.be

Monochrome versie rasterachtergrond

(wit)

Deze versies in negatief (witte letters) zijn bestemd voor gebruik op een donkere achtergrond (zwarte achtergrond of donkere rasterachtergrond).

30 mm

Om goed leesbaar te zijn moet het logo in zijn geheel minimum 30 mm breed zijn.

à Gebruik van het logo

Tweekleurenversie op achtergrond met lichte foto in quadri

Monochrome versie in negatief op achtergrond met donkere foto in quadri

Monochrome versie lichte kleurachtergrond

Monochrome versie in negatief donkere kleurachtergrond

Monochrome versie op achtergrond met lichte foto in zwart/wit

Monochrome versie in negatief op achtergrond met donkere foto in zwart/wit

Monochrome versie op pantone 122-achtergrond

Monochrome versie op pantone Cool Greyachtergrond

Wanneer de achtergrond van het lo go geel (pantone 122) of grijs (pantone Cool Grey 8) is gebruikt men de monochrome versie van het logo.

8

www.mi-is.be

à Ongeoorloofd gebruik

9

www.mi-is.be

Gebruik nooit het logo in meerdere en andere kleuren

Gebruik geen outline-versie

Vervorm nooit het logo

Vervorm nooit het logo

Plaats het logo niet op een onleesbare achtergrond

Plaats het logo niet op een onleesbare achtergrond

Geef het logo nooit gedeeltelijk weer

Laat het logo niet kantelen

à Het lettertype Beschikbaar op CD

1 01. Logo’s / Fonts / Photo’s

Lettertype: Gill Sans

(voor PC & Mac.)

Het lettertype waarin de huisstijl van de POD mi-is gezet wordt, is de ‘Gill Sans’. Dit lettertype werd in 1927 ontworpen door Eric Gill. Hij was een sociaal hervormer annex kunstenaar. Tot op vandaag heeft hij nog niet aan helderheid en eigentijdse uitstraling ingeboet.

Deze font combineert sobere esthetiek met optimale leesbaarheid. De Gill Sans heeft daarnaast een makkelijk inpasbaar karakter, wat het tot een geschikt lettertype maakt voor toepassing in titelpagina’s, publicaties, en andere identiteitsondersteunende communicatie.

Gill Sans Extra Bold: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z abcdefghijklmnopqrstuvwxyz Gill Sans Bold:

A B C D E F G H I J K L M N O P Q R S T UVW X Y Z abcdefghijklmnopqrstuvwxyz

Gill Sans Bold Italic:


Gill Sans:


Gill Sans Italic:

Abc 10

40pt


Abc Abc Abc Abc 30pt

25pt

20pt

15pt

Abc Abc 12pt

Abc

Abc

10pt 8 pt 6 pt

Om goed leesbaar te zijn moet het lettertype minimum 6 pt zijn.

www.mi-is.be

Het Gill Sans lettertype wordt omwille van zijn leesbaarheid gebruikt in het gekende ‘Underground’ logo van de Londense metro.

TO E PA S S I NG E N VO O R PA P I E R E N D R AG E R S Beschikbaar op CD

à Briefhoofden / Vervolgpapier

à Visitekaartjes

0 02. Paper

0

01. Exter. Press Templates

1

Oooooooooooooo

POD Maatschappelijke Integratie Anspachlaan 1,1000 Brussel

Ooooooooooooo Tel.:+32 (0)2 000 00 00

Fax:+32 (0)2 000 00 00 GSM:+32 (0)000 00 00 00 E-mail:Oooooo [email protected]

Envelopes, Notepaper, Business Cards

www.mi-is.be

85 mm

Anspachlaan 1 B - 1000 Brussel Tel.: +32 (0)2 509 84 43 www.mi-is.be

11

www.mi-is.be

Boulevard Anspach 1 B - 1000 Bruxelles Tél.: +32 (0)2 509 84 43 www.mi-is.be

TO E PA S S I N G E N VO O R PA P I E RE N D RAG E R S Beschikbaar op CD

0

à Enveloppes 400 x 280

230 x 115

02. Paper

U.V.

0

U.V.

01. Exter. Press Templates U.V.

1


U.V.

230 x 163

U.V.

161 x 115

12

www.mi-is.be

323 x 230

TO E PA S S I N G E N VO O R PA P I E R E N D RAG E R S Beschikbaar op CD

0

à Briefhoofden / Vervolgpapier (Sociale Economie) Naast de dragers (papier, visitekaartjes,…) met de identiteit van de POD mi-is zelf, zijn er ook de nodige afgeleide dragers voor de diensten van de POD mi-is. Daarbij is telkens de POD mi-is signatuur aanwezig, en wordt de opmaak en de vormgeving consequent doorgetrokken om een visuele eenheid te garanderen.

02. Paper

0


1


à Visitekaartjes (Sociale Economie)

Oooooooooooooo

POD Maatschappelijke Integratie Sociale Economie

Ooooooooooooo Anspachlaan 1,1000 Brussel

Tel.:+32 (0)2 000 00 00 Fax:+32 (0)2 000 00 00 GSM:+32 (0)000 00 00 00 E-mail:Oooooo [email protected] http://socialeconomy.fgov.be www.mi-is.be


13

www.mi-is.be

Het logo van Sociale Economie werd voor bepaalde druktoepassingen herwerkt naar een tweekleurenversie, die de specifieke kleuren van het POD mi-is logo herneemt. Dit laat toe om in tweekleurendruk beide logo’s op één drager af te beelden.

TO E PA S S I N GE N VOO R PA P I E R E N D RAG E R S Beschikbaar op CD

0

à Briefhoofden / Vervolgpapier (Grootstedenbeleid) à Visitekaartjes (Grootstedenbeleid)

02. Paper

0


1

Oooooooooooooo

POD Maatschappelijke Integratie Grootstedenbeleid



Tel.:+32 (0)2 000 00 00 Fax:+32 (0)2 000 00 00 GSM:+32 (0)000 00 00 00 E-mail:Oooooo [email protected] http://www.grootstedenbeleid.be www.mi-is.be

Het logo van Grootstedenbeleid werd voor bepaalde druktoepassingen herwerkt naar een tweekleurenversie, die de specifieke kleuren van het POD mi-is logo herneemt. Dit laat toe om in tweekleurendruk beide logo’s op één drager af te beelden.


14

www.mi-is.be

TO E PA S S I N GE N VOO R PA P I E R E N D RAG E R S Beschikbaar op CD

0

à Briefhoofden / Vervolgpapier (POD mi-is / ESF ) àVisitekaartjes (POD mi-is / ESF)

02. Paper

0


1

Oooooooooooooo

POD Maatschappelijke Integratie Europees Sociaal Fonds



Tel.:+32 (0)2 000 00 00 Fax:+32 (0)2 000 00 00 GSM:+32 (0)000 00 00 00 E-mail:Oooooo [email protected]

www.mi-is.be

Het logo van de medewerkers die werken met de middelen van het Europees Sociaal Fonds werd voor bepaalde druktoepassingen herwerkt naar een tweekleurenversie, die de specifieke kleuren van het POD mi-is logo herneemt. Dit laat toe om in tweekleurendruk beide logo’s op één drager af te beelden.


15

www.mi-is.be

TO E PA S S I N G E N VO O R D I G I TA L E M E D I A Beschikbaar op CD

0

04. Website

à Website De website van de POD mi-is wil vooral een laagdrempelig karakter hebben. Een sobere, heldere opmaak gecombineerd met duidelijke benamingen en een thematische indeling van de inhoud moeten het nodige gebruiksgemak garanderen. Deze website voldoet ook aan de voorwaarden om het blindsurflabel te verkrijgen. Home pagina

16

www.mi-is.be


0

à Website

04. Website

Federale koptekst

Navigatie: 1ste niveau HTML tekst CSS: .nav font-family: Arial, Helvetica, sans-serif font-size:12px - line-height:14px font-weight: bold - color: #8c8e90 text-decoration: none

OCMW zoekfunctie Home pagina

Logo: linkt naar homepagina

Directe toegang tot de verschillende thema's

Roterend sfeerbeeld

17

www.mi-is.be

Recentste nieuwsitems: Items onder de aandacht CSS: a font-family: Arial, Helvetica,sansserif font-size:12px line-height:14px font-weight: bold color: #FEAE00

Footer: CSS: .footer font-family: Arial, Helvetica, sans-serif font-size:10px color: #8c8e90


0

à Website Taalkeuze pagina

04. Website

Font: GillSans kleur: #FEAE00

Breadcrumb: CSS: .breadcrumb font-family: Arial, Helvetica, sans-serif font-size: 10px color: #666666

Content pagina

Roterend sfeerbeeld

Algemeen: Zowel achter de welkom-tekst als achter de verschillende talen wordt een link voorzien naar de desbetreffende taal

Navigatie: 2e en 3e niveau

18

www.mi-is.be

Titel: gifbeeld of html tekst

Content: Extra's: body als download, links, etc. font-family: Arial, Helvetica, sans-serif font-size:12px font-style: normal line-height:14px color: #666666

In de taalkeuze wordt een cookie verwerkt zodat de gebruiker deze keuze slechts één keer dient te maken. Bij een volgende bezoek belandt de gebruiker meteen op de homepage in de door hem gekozen taal.

Logo: Hexadecimale kleuren: geel: #FFC000 grijs: #666363


0 02. Paper

0

02. Inter. Print Templates

1

PowerPoint templates

19

www.mi-is.be

à PowerPoint templates Voor het aanmaken van PowerPoint documenten is er een template beschikbaar. Op die manier wordt de identiteit van de POD mi-is ondersteund tijdens presentaties die gebruik maken van digitale media of projectie. De template heeft een 1024 x 768 formaat, conform de meest courante standaarden.


0 02. Paper

0


à Digitale nieuwsbrief template Gezien de opmars van digitale (en dus milieuvriendelijke) communicatie ook binnen de POD mi-is onstuitbaar is, is er een template voor een digitale nieuwsbrief aangemaakt, conform de visuele identiteit. Het betreft een zogenaamde ‘top banner’ en een ‘footer’, waarmee een e-mail bericht aangevat en afgesloten kan worden. De footer verwijst tevens naar de website van de POD mi-is.

1

Digital newsletter template Digitale signatuur

Header

www.mi-is.be Footer

Header

www.mi-is.be

20 Footer

www.mi-is.be


0 02. Paper

0


1

Digital newsletter template Digital signature

21

www.mi-is.be

à Richtlijnen voor de digitale nieuwsbrief template à Digitale signatuur De digitale nieuwsbrief wordt samengesteld door achtereenvolgens een zgn. 'header' of kopbalk in te voegen, waarna de inhoud of tekst volgt. Deze tekst wordt in een standaard lettertype gezet (Arial). Dit laat toe om op elke computer gelezen te worden zonder verspringing van de opmaak. De corpsgrootte van de doorlopende tekst is 10 punt, en wordt in het zwart gezet. De corpsgrootte van de titels of rubriekbenamingen beslaat 12 punt, en wordt gezet in een Arial Bold. De kleur correspondeert zo dicht mogelijk met de kleur van het log o. Onderaan wordt de nieuwsbrief afgesloten met een zgn. 'footer' of afsluitbalk. Daarop is de URL van de website vermeld.

Alle e-mail berichten die verstuurd worden door medewerkers van de POD mi-is zijn op uniforme wijze ondertekend met deze 'signatuur'.

Logo

Fhilippe Frings Budget, Statistiques et Comptabilité Bureau 13.05 Boulevard Anspach 1 - 1000 Bruxelles Tel: 02/508 86 84 Fax: 02/509 85 56 Webstek: www.mi-is.be

Naam: Lettertype:Verdana 12 punt Kleur RGB: 0 - 0 - 0 (zwart) Alinea: steeds links uitlijnen Gegevens: Lettertype:Verdana 10 punt Kleur RGB: 95 - 95 - 95 Alinea: steeds links uitlijnen

Jean Michel

Rik Baeten

Arnaud Pinxteren

Adviseur Anspachlaan 1 - 1000 Brussel Tel: 02/509 89 99 Webstek: www.mi-is.be

Adviseur Anspachlaan 1 - 1000 Brussel Tel: 02/509 89 99 Webstek: www.grootstedenbeleid.be

Adjunct-adviseur Anspachlaan 1 - 1000 Brussel Tel: 02/509 83 54 Webstek: www.socialeconomy.be


0 02. Paper

0


1

Digital newsletter template Digital signature

à Richtlijnen voor de digitale nieuwsbrief template Het Grootstedenbeleid en Sociale Economie hebben elk hun eigen variante header en footer. De opmaakregels blijven identiek. Let op: 2 electronische nieuwsbrieftemplates niet door mekaar gebruiken. La passerelle. Header: Nieuwsbrief steeds beginnen met header Type: jpeg - RGB - 72 dpi

Un bout de loi,un point de droit.

Logo: Reeds in header verwerkt Titels: Lettertype: Arial Bold - 12 punt RGB kleur: 255 - 191 - 24 (kleur van het logo benaderen) Alinea: steeds links uitlijnen Lengte: titels niet langer maken dan breedte header / footer Content: Lettertype: Arial - 10 punt Kleur RGB: 0 - 0 - 0 (zwart) Alinea: steeds links uitlijnen Lengte: regels niet langer maken dan breedte header / footer

La décision du mois.

On visionne et vous partagez.

Agenda de l’intégration sociale.

Achtergrond: Steeds wit houden

22

www.mi-is.be

Footer: Nieuwsbrief steeds afsluiten met footer Type: jpeg - RGB - 72 dpi

www.mi-is.be

URL: Reeds in footer verwerkt


0 02. Paper

0


à Digitale nieuwsbrief template (Grootstedenbeleid / Sociale Economie) Gezien de opmars van digitale (en dus milieuvriendelijke) communicatie ook binnen het Grootstedenbeleid en Sociale Economie onstuitbaar is, is er een template voor een digitale nieuwsbrief aangemaakt, conform de visuele identiteit. Het betreft een zogenaamde ‘top banner’ en een ‘footer’, waarmee een e-mail bericht aangevat en afgesloten kan worden. De footer verwijst tevens naar de website van de POD mi-is.

1

Digital newsletter template Digitale signatuur

Header

Header

Footer

Footer

Header

Header

Footer

Footer

Header

Header

Footer

Footer

23

www.mi-is.be


0 02. Paper

0


1

CD Cover / Sticker

24

www.mi-is.be

à CD Hoesje / Sticker Voor de CD’s die door de POD mi-is aangemaakt en verspreid worden, is er een standaard template voorzien. Het hoesje en de bekleding van de CD-schijf dragen de kleuren en de identiteit van het huis.

ANDE RE TOEPASSINGEN Beschikbaar op CD

0

à Kleinmeubilair expo / Beursstand

03. Others

1 01. Flag 02. Nameplate 03. Doorplate 04. Expo Wall 05. Expo Wall Magnet

25

www.mi-is.be

Magneet voor toepasselijk logo

A N D E RE TO E PA S S I N G E N Beschikbaar op CD

0

à Vlaggen

03. Others

1

à Signalisatie

à Signalisatie op glas

01. Flag 02. Nameplate 03. Doorplate 04. Expo Wall 05. Expo Wall Magnet

à Deurbordje

Julien Van Geertsom

26

www.mi-is.be

2B

F I C T I E VE TO E PA S S I N G E N Beschikbaar op CD

0

03. Others

1 06. Inspiring cases

à Inspirerende voorbeelden Deze fictieve ontwerpen tonen hoe met de verschillende componenten van de huisstijl omgesprongen kan worden.

à Voorbeeld jaarverslag

De opmaak templates van deze voorbeelden zijn op de CD terug te vinden.

à Voorbeeld gids

27

www.mi-is.be


0

03. Others

1

à Voorbeeld poster A2 / A3 formaat Deze fictieve ontwerpen tonen hoe met de verschillende componenten van de huisstijl omgesprongen kan worden. A2: 420 X 594

06. Inspiring cases De opmaak templates van deze voorbeelden zijn op de CD terug te vinden.

A3: 297 X 420

28

www.mi-is.be


0

03. Others

1

à Richtlijnen voor de poster A2 / A3 formaat URL: Lettertype: Gill Sans Bold CMYK kleur: 0 - 0 - 0 - 57 Alinea: steeds links boven plaatsen Header

06. Inspiring cases De opmaak templates van deze voorbeelden zijn op de CD terug te vinden.

Lorem Ipsum Vellum Quod aeternam dolorem sinnaem nihilibus tandem insuarium est.

Titels: Lettertype: Gill Sans Bold CMYK kleur: 0 - 18 - 83 - 0 Alinea: steeds links uitlijnen Content: Lettertype: Gill Sans CMYK kleur: 0 - 0 - 0 - 57 Alinea: steeds links uitlijnen

Achtergrond: Steeds wit houden met logo in watermerk

Verantwoordelijke uitgever: Lettertype: Gill Sans - max.8 punt - min.6 punt CMYK kleur: 0 - 0 - 0 - 57 Alinea: steeds verticaal op footer uitlijnen Logo: POD logo steeds links onder plaatsen

29

www.mi-is.be

Footer

Logo: . be logo steeds rechts onder plaatsen

FO TO M AT E R I A A L Beschikbaar op CD

1 01. Logo’s / Fonts / Photo’s

à Gebruikte foto’s / Richtlijnen De identiteit van de POD mi-is is meer dan enkel een logo. Naast de grafische en typografische elementen die deel uitmaken van de huisstijl, is er ook een reeks fotografische afbeeldingen ter beschikking. Deze beelden worden ondermeer op de website gebruikt, maar kunnen ook voor andere toepassingen aangewend worden. De beelden willen ook een stijlrichting aangeven bij het aanmaken of selecteren van toekomstig, bijkomend fotomateriaal, en kunnen dus gerust als inspiratiebron beschouwd worden.

30

www.mi-is.be

INHOUD CD à Overzicht

0 0 0 0

01. Logo’s / Fonts / Photo’s

02. Paper

03. Others

04.Website

31

www.mi-is.be

0 0



0 0 0 0 0 0 Envelopes

Notepaper

Business Cards

PPT Templates

CD Cover / Sticker Digital newsletter template Digital signature

0 0 0 0 0 0 01. Flag

02. Nameplate

03. Doorplate

04. Expo Wall

05. Expo Wall Magnet

06. Inspiring cases

Visuele Identiteit & Richtlijnen voor toepassing

Recommend Documents