DESIGNMAL FLEXX ØSTFOLD 2016 Q1 versjon 0.0.1
2 Flexx Østfold - designmal
Introduksjon Flexx Østfold har per 23.03.2016 vedtatt en oppdatering av eksisterende designmal. Den nye designmalen skal bidra til å løfte, samle og posisjonere Flexx Ø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 Flexx Østfold opptrer visuelt, skal det skje i samsvar med designmalens retningslinjer. Designmalen er utviklet som ressurs for Flexx Østfold som helhet, og for grafisk designere, reklamebyråer, trykkerier og andre eksterne aktører som har ansvar for design og kreativ produksjon tilknyttet Flexx profil.
INNHOLD 1. LOGO 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. Clear space ved logo uten ordbilde 10 1.6 Eksempler på clear space 11 1.7. Plassering av logo i hjørne 12 1.8. Plassering av logo sentrert 13 1.9. Logoens minimum størrelse 14 1.10. Feil bruk av logo 15 3. FARGE OG BILDEBRUK 3.1. Fargepalett 24 3.2. Bildebruk 25 4. MALER 4.1. Annonse, Helside 28 4.2. Annonse, Halvside 29 4.3. Billetter 30 2. TYPOGRAFI 2.1. Primærfontsnitt Avenir 18 2.2. Tilgjengelighet 20 2.3. Installering av fontsnittet 20 2.4. Sekundærfontsnitt - Arial 21
1. LOGO 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. Clear space ved logo uten ordbilde 10 1.6 Eksempler på clear space 11 1.7. Plassering av logo i hjørne 12 1.8. Plassering av logo sentrert 13 1.9. Logoens minimum størrelse 14 1.10. Feil bruk av logo 15
8 Flexx Østfold - designmal 1. Logo 1.1. Logo Flexx Østfold sin logo består av navntrekket og ordbildet Flexx - frihet til å reise. 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 Logo uten ordbildet
1.2. Clear space [luft rundt logo] Flexx Ø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 oversiktlig 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 to X er. 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
10 Flexx Østfold - designmal 1. Logo 1.5. Clear space ved logo uten ordbildet De samme reglene gjelder for logovarianten uten ordbildet. Riktig mengde clear space beregnes ved hjelp av emblemets to X er. Som vist til høyre. Clear space Minimum clear space
1.6. 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 :
12 Flexx Østfold - designmal 1. Logo 1.7. 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 Flexx Østfold sin hovedlogo som gjelder. Hensikten med dette er å utvikle en visuell standard, minimere variasjon og koordinere alle Flexx profilbyggende flater. Her er riktig bruk av clear space svært viktig. Flexx hovedlogo skal plasseres som vist på denne siden.
1.8. 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 Flexx Østfold sin hovedlogo som gjelder. Hensikten med dette er å utvikle en visuell standard, minimere variasjon og koordinere alle Flexx 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
14 Flexx Østfold - designmal 1. Logo 1.9. 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 10 mm som minstemål for logo. For digitale flater gjelder 27 px som minstemål for logo. 10mm Minimum størrelse Print 27 px Minimum størrelse Digitale flater
1.10. 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 Flexx Ø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.
ABC
2. TYPOGRAFI 2.1. Primærfontsnitt Avenir 18 2.2. Tilgjengelighet 20 2.3. Installering av fontsnittet 20 2.4. Sekundærfontsnitt - Arial 21
18 Flexx Østfold - designmal 2. Typografi 2.1. Primærfontsnitt Avenir Sans serif-fonten Avenir er valgt som hovedfont i profilen til Østfold Kollektivtrafikk. 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. Avenir Light ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%& Avenir Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%& Avenir Heavy ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%& Avenir Book Oblique ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%&
2.4. Sekundærfontsnitt - Arial I maldokumentene er størrelsesforhold ferdig definert og skal benyttes som oppsatt. Når utarbeidelse av nye dokumenter skal gjøres må man bruke skjønn. I mengdetekst i offentlige dokumenter er minste tillatte størrelse 11 pt, med hensyn til universell utforming. A. Tittel Avenir medium, 40 pt B. Ingress Avenir medium, 14 pt C. Brødtekst Avenir light, 11 pt Kerning -10. Linjeavstand 14 pt. D. Mellomtittel 1 - Avenir heavy, 13 pt. E. Mellomtittel 2 - Avenir medium, 11,5 pt. F. Eksempel på et uthevet sitat. Avenir Book Oblique. G. Eksempel på uthevelser Tittel A. D. B. C. Lorem ipsum dolor sit am consectetur adipiscing elit, sed do eiusmod tem. Lorem ipsum dolor sit amet, consec tetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali qua. Ut enim ad minim ve niam, quis nostrud exercitation ullam co laboris nisi ut aliquip ex ea com modo consequat. E. F. G. Mellomtittel 1 Mellomtittel 2 Lorem ipsum dolor sit am consectetur adipiscing elit, sed do eiusmod tempor. AVNEIR LIGHT AVENIR BOOK AVENIR ROMAN AVENIR HEAVY AVENIR BLACK
20 Flexx Østfold - designmal 2. Typografi 2.2. Tilgjengelighet Fonten kan kjøpes på myfonts.com/ fonts/adobe/avenir/
2.4. Sekundærfontsnitt - Arial Fontsnittet Arial skal benyttes der ansatte eller studenter ikke har tilgang til primærfontsnittet Avenir. Fontsnittet Arial kan benyttes i interne dokumenter, brevark, rapporter, ol. Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%& Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%& Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%& Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890?! $@%&
3. FARGE OG BILDEBRUK 3.1. Fargepalett 24 3.2. Bildebruk 25
24 Flexx Østfold - designmal 4. Farge og bildebruk 100% 80% 60% 40% 20% 3.1. Fargepalett Logoens fargepalett består av primærfargen PANTONE 120-16U og PANTONE 24-7U. Samt Hvit og Sort. Alle fargene har en PMS bestrøket fargekode som skal benyttes i all trykt produksjon. For at den riktige fargen skal gjengis er det viktig å følge fargekodehenvisningene ved oppsett av designet. PANTONE 120-16U CMYK: 100/0/16/60 RGB:0/84/108 HEX: 00546C PANTONE 24-7U CMYK: 0/52/91/0 RGB:242/143/34 HEX: F28E22 100% 80% 60% 40% 20% SORT CMYK: 20/0/0/100 RGB:0/0/0 HEX: 000 HVIT CMYK: 0/0/0/0 RGB:255/255/255 HEX: FFF
3.2. Bildebruk Bilder har en svært viktig rolle i Flexx identitet og i kommunikasjonen med alle målgrupper. De er avgjørende for den følelsen og budskapet vi vil formidle. De skal vekke målgruppens interesse og bidra til at virksomheten fremstår tydelig og attraktiv. Gjennom sitt innhold og uttrykk skal de styrke det etterlatte inntrykket av Flexx Østfold. Ved bruk av bilder skal personvern til de som er avbildet ivaretas. Uttrykket på bildene skal være ekte, troverdig og vennlige. Ikke kjøpt og betalt i en bildebank. Bildene fokuserer på brukerne, stedene, nærområdet og Flexxs ansatte i naturlige omgivelser. Sammen med logo, fargevalg og typografi formidler bildene fortellingen om hvem Flexx Østfold er.
4. MALER 4.1. Annonse, Helside 28 4.2. Annonse, Halvside 29 4.3. PowerPoint 30
28 Flexx Østfold - designmal 4. Maler 4.1. Helsides annonse 102016 - THEPITCH 102016 - THEPITCH ER DU LEI AV Å VÆRE PRIVATSJÅFØR? Ungdom reiser trygt og billig hjem fra byen i helgene med Flexx natt! Gjelder ungdom mellom 16 og 24 år. ER DU LEI AV Å VÆRE PRIVATSJÅFØR? Ungdom reiser trygt og billig hjem fra byen i helgene med Flexx natt! Gjelder ungdom mellom 16 og 24 år. Tlf. 03177 www.flexx.no Tlf. 03177 www.flexx.no facebook.com/flexxostfold facebook.com/flexxostfold
4.2. Halvsides annonse For de fleste Flexx-tilbudene kan du hentes hjemme og bli kjørt hjem igjen. Flexx er ikke som en vanlig busstur, men du betaler kun busspris. Sjekk tilbudet der du bor. Tlf. 03177 www.flexx.no facebook.com/flexxostfold ET UNIKT KOLLEKTIV- TILBUD! Flexx er bestillingstrafikk og inngår som en del av det ordinære kollektivtilbudet i Østfold.
30 Flexx Østfold - designmal 4. Maler 4.3. PowerPoint
5. EKSEMPEL: KAMPANJE 5.1. Annonse, Halvside 32 5.2. Annonse, Helside 33 5.3. Bussplakater, A3 34 5.4 Bussdekor 35 5.5 Terminalplakater 38 5.6 Infoskjermer 39 5.7 Webannonser 40
34 Flexx Østfold - designmal 5. Eksempel: Kampanje 5.1. Avisannonse Halvside ÉN BUSS FLERE OPPDRAG 212016 - THEPITCH 212016 - THEPITCH ÉN BUSS FLERE OPPDRAG Flexx henter og kjører deg du betaler kun busspris! Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold Flexx henter og kjører deg du betaler kun busspris! Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold ÉN BUSS FLERE OPPDRAG 212016 - THEPITCH 212016 - THEPITCH ÉN BUSS FLERE OPPDRAG Flexx henter og kjører deg du betaler kun busspris! Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold Flexx henter og kjører deg du betaler kun busspris! Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold
5.2.Avisannonse Helside ÉN BUSS FLERE OPPDRAG Flexx er en del av kollektivtilbudet i Østfold. Flexx henter og kjører deg du betaler kun busspris! Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold
36 Flexx Østfold - designmal 5. Eksempel: Kampanje 5.3. A3 Bussplakater 2 sidig trykk ÉN BUSS FLERE OPPDRAG ÉN BUSS FLERE OPPDRAG Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold Flexx er en del av kollektivtilbudet i Østfold. Flexx henter og kjører deg du betaler kun busspris! Flexx er en del av kollektivtilbudet i Østfold. Flexx henter og kjører deg du betaler kun busspris! ÉN BUSS FLERE OPPDRAG ÉN BUSS FLERE OPPDRAG Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold Tlf. 03177 www.flexx.no/ostfold facebook.com/flexxostfold Flexx er en del av kollektivtilbudet i Østfold. Flexx henter og kjører deg du betaler kun busspris! Flexx er en del av kollektivtilbudet i Østfold. Flexx henter og kjører deg du betaler kun busspris!
5.4.Bussdekor
38 Flexx Østfold - designmal 5. Eksempel: Kampanje 1:1 1:1 1:1
40 Flexx Østfold - designmal 5. Eksempel: Kampanje 5.5. Terminalplakater Str: 925 x 1465mm ÉN BUSS FLERE OPPDRAG ÉN BUSS FLERE OPPDRAG
5.6.Infoskjermer Stående 1080 x 1920px Liggende 1920 x 1080px Leveres i png, 72dpi.
42 Flexx Østfold - designmal 5. Eksempel: Kampanje 5.7. Webannonser