2018 Q2 versjon 0.0.1 DESIGNMAL FLEX ØSTFOLD
2 Flex Østfold - designmal
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.
INNHOLD 1. DEN VISUELLE IDENTITETEN 1. Logo med navnetrekk 1.1. Hovedlogo 8 1.2. Om clear space [luft rundt logo] 9 1.3. Clear space 9 1.4. Minimum Clear space 9 1.5. Eksempler på clear space 10 1.6. Logoens minimum størrelse 11 1.7. Feil bruk av logo 12 1.8. Plassering av logo i hjørne 13 1.9. Plassering av logo sentrert 14 1.10. Logo med kommunenavn 15 1.11. Alternativ plassering av kommunenavn 16 1.12. Om clear space [luft rundt logo] 17 1.13. Clear space 17 1.14. Minimum Clear space 17 2. Designelementer 2.1. Gratis bestillingsreise 21 2.2. Illustrasjoner, ikoner og symboler 22 2.3. Grafiske elementer 23 3. Typografi 3.1. Primærfont Avenir, fremtid på fransk 26 3.2. Erstatningsfont 27 4. Farger 4.1. Farger 30 4.2. Primærfarger 30 4.3. Støttefarger 30 2. PROFILEN I BRUK 1. Dokumentmaler 1.1. Brosjyrer 34 1.2. Flyer 35 1.3. Annonse 36 1.4. Kart 38 1.5. Skilt 39 2. Notater
1. LOGO MED NAVNETREKK 1.1. Hovedlogo 8 1.2. Om clear space [luft rundt logo] 9 1.3. Clear space 9 1.4. Minimum Clear space 9 1.5. Eksempler på clear space 10 1.6. Logoens minimum størrelse 11 1.7. Feil bruk av logo 12 1.8. Plassering av logo i hjørne 13 1.9. Plassering av logo sentrert 14 1.10. Logo med kommunenavn 15 1.11. Alternativ plassering av kommunenavn 16 1.12. Om clear space [luft rundt logo] 17 1.13. Clear space 17 1.14. Minimum Clear space 17
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
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. 1.3. 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 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 :
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 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.
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 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
1. Den visuelle identiteten 1. Logo 1.10. 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 Flex Østfold - designmal 1. Den visuelle identiteten 1. Logo 1.11. Alternativ plassering av kommunenavn FREDRIKSTAD
1. Den visuelle identiteten 1. Logo 1.12. 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. 1.13. Clear space Denne er å foretrekke i all produksjon. 1.14 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
2. DESIGNELEMENTER 2.1. Gratis bestillingsreise 21 2.2. Illustrasjoner, ikoner og symboler 22 2.3. Designelementer 23
20 Flex Østfold - designmal 1. Logo
2.1. Gratis bestillingsreise 1. Den visuelle identiteten 2. Designelement
22 Flex Østfold - designmal 1. Den visuelle identiteten 2. Designelement 2.2. Illustrasjoner, ikoner og symboler
2.3. Grafiske elementer 1. Den visuelle identiteten 2. Designelement
3. TYPOGRAFI 3.1. Primærfont Avenir, fremtid på fransk 26 3.2. Erstatningsfont 27
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/
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.
4. FARGER 4.1. Farger 30 4.2. Primærfarger 30 4.3. Støttefarger 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. 4.2. 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: 313535 80% 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
2. PROFILEN I BRUK 1. Dokumentmaler 1.1. Brosjyre 34 1.2. Flyer 35 1.3. Annonser 36 1.4. Kart 37 1.5. Skilt 38 2. Notater
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.
2. Profilen i bruk 1. Dokumentmaler 1.2. Flyer Flyermal vist til høyre som en 2-sidig flyer for Flex Halden.
36 Flex Østfold - designmal 2. Profilen i bruk 1. Dokumentmaler 1.3. Annonser
1.4. Kart 2. Profilen i bruk 1. Dokumentmaler
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.
Notater 2. Profilen i bruk 2. Notater