2018 Q2 versjon DESIGNMAL FLEX ØSTFOLD

Transkript

1 2018 Q2 versjon DESIGNMAL FLEX ØSTFOLD

2 2 Flex Østfold - designmal

3 Introduksjon Flex Østfold har vedtatt en oppdatering av eksisterende designmal. Den nye designmalen skal bidra til å løfte, samle og posisjonere Flex Østfold som et attraktiv og profesjonelt tilbud. Vår oppdaterte visuelle identitet innebærer at logo, elementer, fonter, ikonbruk og grafiske elementer skal brukes på en tydelig og definert måte. Vi ønsker at den forvaltes og utvikles innenfor rammene som er gitt. Hvordan bruke designmalen Designmalen tar for seg elementene i den grafiske identiteten og gir en detaljert beskrivelse for bruk av de ulike elementene. Disse retningslinjene må følges konsekvent, ettersom avvik vil svekke profilens helhetlige inntrykk. I alle sammen henger og i alle kanaler hvor Flex Østfold opptrer visuelt, skal det skje i samsvar med designmalens retningslinjer. Designmalen er utviklet som ressurs for Flex Østfold som helhet, og for grafisk designere, reklamebyråer, trykkerier og andre eksterne aktører som har ansvar for design og kreativ produksjon tilknyttet Flex profil.

4

5 INNHOLD 1. DEN VISUELLE IDENTITETEN 1. Logo med navnetrekk 1.1. Hovedlogo Om clear space [luft rundt logo] Clear space Minimum Clear space Eksempler på clear space Logoens minimum størrelse Feil bruk av logo Plassering av logo i hjørne Plassering av logo sentrert Logo med kommunenavn Alternativ plassering av kommunenavn Om clear space [luft rundt logo] Clear space Minimum Clear space Designelementer 2.1. Gratis bestillingsreise Illustrasjoner, ikoner og symboler Grafiske elementer Typografi 3.1. Primærfont Avenir, fremtid på fransk Erstatningsfont Farger 4.1. Farger Primærfarger Støttefarger PROFILEN I BRUK 1. Dokumentmaler 1.1. Brosjyrer Flyer Annonse Kart Skilt Notater

6

7 1. LOGO MED NAVNETREKK 1.1. Hovedlogo Om clear space [luft rundt logo] Clear space Minimum Clear space Eksempler på clear space Logoens minimum størrelse Feil bruk av logo Plassering av logo i hjørne Plassering av logo sentrert Logo med kommunenavn Alternativ plassering av kommunenavn Om clear space [luft rundt logo] Clear space Minimum Clear space 17

8 8 Flex Østfold - designmal 1. Den visuelle identiteten 1. Logo 1.1. Hovedlogo Flex Østfold sin logo består av navntrekket og ordbildet Østfold. Dette er hovedlogoen. Det finnes også en alternativ logo, uten ordbildet for spesielt små flater. Navntrekket og ordbildet skal aldri endres eller modifiseres på noen måte. Logo på lys bakgrunn På følgende sider kan du se videre retningslinjer for clear space, minimumstørrelse, plassering, eksempler på logobruk og feil bruk av logo. Logo på mørk bakgrunn

9 1. Den visuelle identiteten 1. Logo 1.2. Om clear space [luft rundt logo] Flex Østfold sin logo skal alltid plasseres i en fremtredende posisjon slik at den vises tydelig. Rundt logoen skal det alltid være nok plass til å sikre et rent og oversikt-lig visuelt bilde. Mengden clear space varierer i direkte proposjon til logoens størrelse. Logoen bør aldri bli forstyrret av eller koblet sammen med andre elementer som reduserer dens tydelighet og lesbarhet. Riktig mengde clear space beregnes ved hjelp av emblemets X. Som vist til høyre Clear space Denne er å foretrekke i all produksjon. 1.4 Minimum Clear space Der det ikke er mulig å benytte Clear space, skal en Minimum Clear space benyttes. Dette gjelder flater som har spesielle begrensninger i feks størrelse. Clear space Minimum clear space Clear space Minimum clear space

10 10 Flex Østfold - designmal 1. Den visuelle identiteten 1. Logo 1.5. Eksempler på clear space Eksempel minimum clear space: Logo plassert i hjørne Eksempel minimum clear space: Logo midtstillt på bilde Eksempel minimum clear space ved logo uten ordbilde :

11 1. Den visuelle identiteten 1. Logo 1.6. Logoens minimum størrelse For at logoen skal gjengis så tydelig som mulig, er den blitt tilordnet en minimumsstørrelse. Disse målene er av stor betydning både i trykte medier [print] og digitale flater [skjermer]. For trykte media gjelder 12 mm som minstemål for logo. For digitale flater gjelder 34 px som minstemål for logo. 12mm Minimum størrelse Print 34 px Minimum størrelse Digitale flater

12 12 Flex Østfold - designmal 1. Den visuelle identiteten 1. Logo 1.7. Feil bruk av logo Det er viktig at alle elementer i logoens identitet blir brukt i samsvar med reglene i denne designmalen. Når konsulenter og eksterne leverandører av grafisk materiell er involvert, bør det sikres: At de er kjent med reglene som gjelder for Flex Østfold sin logo. At de er utstyrt med riktige originaler [logo, emblem, typografi]. At de forstår at det er forbudt å gjøre endringer og/eller justeringer av disse originalene, for eksempel lage sine egne versjoner av logoen. Kombiner ikke logoen med andre elementer som for eksempel logoer, ord, grafikk, bilder, slagord eller symboler som kan skape en hybridlogo.

13 1. Den visuelle identiteten 1. Logo 1.8. Plassering av logo i hjørne I de tilfeller hvor logoen skal vises liten, bør den plasseres i hjørnet av formatet. På de flater hvor det ikke foreligger maler for design og oppsett, er det disse fire plasseringer for Flex Østfold sin hovedlogo som gjelder. Hensikten med dette er å utvikle en visuell standard, minimere variasjon og koordinere alle Flex profilbyggende flater. Her er riktig bruk av clear space svært viktig. Flex hovedlogo skal plasseres som vist på denne siden.

14 14 Flex Østfold - designmal 1. Den visuelle identiteten 1. Logo 1.9. Plassering av logo sentrert I de tilfeller hvor logoen skal vises stor på en flate, bør den midtstilles på formatet. På de flatene det ikke foreligger maler for design og oppsett, er det plasseringer for Flex Østfold sin hovedlogo som gjelder. Hensikten med dette er å utvikle en visuell standard, minimere variasjon og koordinere alle Flex profilbyggende flater. Her er riktig bruk av clear space svært viktig. A. Logo på rektangulært format skal midtstilles på flaten og plasseres ved bruk av clear space. B. Logo på avlangt format. Hovedlogo skal her midtstilles og plasseres ved bruk av clear space. Enten i topp eller bunn. C. Logo på kvadratisk format. Hovedlogo skal midtstilles på flate og plasseres ved bruk av clear space. D. Logo på asymmetrisk format. Hovedlogo skal plasseres på en måte som gjør at all clear space ligger innenfor formatet. A B C D

15 1. Den visuelle identiteten 1. Logo Logo med kommunenavn Flex Østfold sin kommune logo består av navntrekket og ordbildet kommunene (eks.: Fredrikstad). Dette er hovedlogoen med kommunenavn. Det finnes også en alternativ logo, med kommunenavn plassert under navnetrekket. Navntrekket og ordbildet skal aldri endres eller modifiseres på noen måte. På følgende sider kan du se videre retningslinjer for clear space. FREDRIKSTAD Kommunelogo på lys bakgrunn FREDRIKSTAD Kommunelogo på mørk bakgrunn

16 16 Flex Østfold - designmal 1. Den visuelle identiteten 1. Logo Alternativ plassering av kommunenavn FREDRIKSTAD

17 1. Den visuelle identiteten 1. Logo Clear space [luft rundt logo] Flex med kommunenavn skal alltid plasseres i en fremtredende posisjon slik at den vises tydelig. Rundt logoen skal det alltid være nok plass til å sikre et rent og oversikt-lig visuelt bilde. Mengden clear space varierer i direkte proposjon til logoens størrelse. Logoen bør aldri bli forstyrret av eller koblet sammen med andre elementer som reduserer dens tydelighet og lesbarhet. Riktig mengde clear space beregnes ved hjelp av emblemets X. Som vist til høyre Clear space Denne er å foretrekke i all produksjon Minimum Clear space Der det ikke er mulig å benytte Clear space, skal en Minimum Clear space benyttes. Dette gjelder flater som har spesielle begrensninger i feks størrelse. Clear space Minimum clear space

18

19 2. DESIGNELEMENTER 2.1. Gratis bestillingsreise Illustrasjoner, ikoner og symboler Designelementer 23

20 20 Flex Østfold - designmal 1. Logo

21 2.1. Gratis bestillingsreise 1. Den visuelle identiteten 2. Designelement

22 22 Flex Østfold - designmal 1. Den visuelle identiteten 2. Designelement 2.2. Illustrasjoner, ikoner og symboler

23 2.3. Grafiske elementer 1. Den visuelle identiteten 2. Designelement

24

25 3. TYPOGRAFI 3.1. Primærfont Avenir, fremtid på fransk Erstatningsfont 27

26 26 Flex Østfold - designmal 1. Den visuelle identiteten 3. Typografi 3.1. Primærfont Avenir, fremtid på fransk Sans serif-fonten Avenir er valgt som hovedfont i profilen. Den har flere typesnitt, er lettlest og er valgt spesielt med tanke på universell utforming. Som hovedregel brukes Avenir Light til brødtekst, Avenir Medium til ingresser og overskrifter. Kursiv (Oblique) brukes kun for å utheve ord og setninger i en tekst. Designbyråer eller andre som utarbeider grafisk materiell for Østfold kollektivtrafikk skal bruke Avenir. Fonten kan kjøpes på myfonts.com/ fonts/adobe/avenir/

27 1. Den visuelle identiteten 3. Typografi 3.2. Erstatningsfonter Erstatningsfonter i Officeprogrammer og på nett. Calibri er Østfold kollektivtrafikks erstatningsfont i Office, eller dersom man ikke har tilgang til fonten Avenir. Calibri skal benyttes i alle Word-dokumenter, Powerpoint-er og i e-poster.

28

29 4. FARGER 4.1. Farger Primærfarger Støttefarger 30

30 30 Flex Østfold - designmal 1. Den visuelle identiteten 4. Farger 4.1. Farger 4.2. Primærfarger I tillegg til de to primærfargene orange og mørk blå er det utviklet et sett med tre støttefarger som er inspirert fra naturen og omgivelsene i Østfold. Samtlige farger skal kunne stå godt alene, og sammen i ulike fargekombinasjoner. Fargene kan brukes fritt for å få frem lekenheten i profilen. Fargene kan brukes i graderinger fra 100% til 10%. Det er viktig å velge farger og fargekombinasjoner som passer budskapet de skal brukes til Primærfarger 4.3. Støttefarger Orange CMYK: 0/60/100/0 RGB: 239/125/0 HEX: EF7D00 Mørk Blå CMYK: 40/20/0/80 RGB: 50/55/75 HEX: 32374B Mørk Grå CMYK: 20/5/10/90 RGB: 49/53/53 HEX: % 80% 80% 60% 60% 60% 40% 40% 40% 10% 10% 10% 4.3. Støttefarger Lys Blå CMYK: 53/20/22/2 RGB: 131/173/189 HEX: 83ADBD 80% 60% 40% 10% Lys Grå 80% 60% 40% 10% CMYK: 5/0/0/40 RGB: 172/175/178 HEX:ACAFB2

31

32

33 2. PROFILEN I BRUK 1. Dokumentmaler 1.1. Brosjyre Flyer Annonser Kart Skilt Notater

34 34 Flex Østfold - designmal 2. Profilen i bruk 1. Dokumentmaler 1.1. Brosjyre Brosjyrel vist til høyre som en 8-sidig brosjyre for Flex Sarpsborg.

35 2. Profilen i bruk 1. Dokumentmaler 1.2. Flyer Flyermal vist til høyre som en 2-sidig flyer for Flex Halden.

36 36 Flex Østfold - designmal 2. Profilen i bruk 1. Dokumentmaler 1.3. Annonser

37 1.4. Kart 2. Profilen i bruk 1. Dokumentmaler

38 38 Flex Østfold - designmal 2. Profilen i bruk 1. Dokumentmaler 14. Skilt Skilting av møteplasser for Flex, skal følge samme mal som for TID. Lorem ipsum Bjørndalsveien 49 Møteplass 26 Flex møteplass skilt m/ 512 topp 512 og stedsnavn på mørk blå bakgrunn. Møteplass på lys grå bakgrunn. Bydalen Møteplass 34 Flex møteplass skilt u/ 512 topp Stedsnavn på mørk blå bakgrunn. Møteplass på lys grå bakgrunn.

39 Notater 2. Profilen i bruk 2. Notater

40