DESIGNMAL FLEXX ØSTFOLD Q1 versjon 0.0.1

Transkript

1 DESIGNMAL FLEXX ØSTFOLD 2016 Q1 versjon 0.0.1

2 2 Flexx Østfold - designmal

3 Introduksjon Flexx Østfold har per 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.

4

5 INNHOLD 1. LOGO 1.1. Hovedlogo Om Clear space [luft rundt logo] Clear space Minimum Clear space Clear space ved logo uten ordbilde Eksempler på clear space Plassering av logo i hjørne Plassering av logo sentrert Logoens minimum størrelse Feil bruk av logo FARGE OG BILDEBRUK 3.1. Fargepalett Bildebruk MALER 4.1. Annonse, Helside Annonse, Halvside Billetter TYPOGRAFI 2.1. Primærfontsnitt Avenir Tilgjengelighet Installering av fontsnittet Sekundærfontsnitt - Arial 21

6

7 1. LOGO 1.1. Hovedlogo Om Clear space [luft rundt logo] Clear space Minimum Clear space Clear space ved logo uten ordbilde Eksempler på clear space Plassering av logo i hjørne Plassering av logo sentrert Logoens minimum størrelse Feil bruk av logo 15

8 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

9 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 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 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

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

13 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 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

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

16 ABC

17 2. TYPOGRAFI 2.1. Primærfontsnitt Avenir Tilgjengelighet Installering av fontsnittet Sekundærfontsnitt - Arial 21

18 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æøå ?! $@%& Avenir Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ?! $@%& Avenir Heavy ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ?! $@%& Avenir Book Oblique ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ?! $@%&

19 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 20 Flexx Østfold - designmal 2. Typografi 2.2. Tilgjengelighet Fonten kan kjøpes på myfonts.com/ fonts/adobe/avenir/

21 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æøå ?! $@%& Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ?! $@%& Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ?! $@%& Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ?! $@%&

22

23 3. FARGE OG BILDEBRUK 3.1. Fargepalett Bildebruk 25

24 24 Flexx Østfold - designmal 4. Farge og bildebruk 100% 80% 60% 40% 20% 3.1. Fargepalett Logoens fargepalett består av primærfargen PANTONE U 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 U 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

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

26

27 4. MALER 4.1. Annonse, Helside Annonse, Halvside PowerPoint 30

28 28 Flexx Østfold - designmal 4. Maler 4.1. Helsides annonse THEPITCH 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 Tlf facebook.com/flexxostfold facebook.com/flexxostfold

29 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 facebook.com/flexxostfold ET UNIKT KOLLEKTIV- TILBUD! Flexx er bestillingstrafikk og inngår som en del av det ordinære kollektivtilbudet i Østfold.

30 30 Flexx Østfold - designmal 4. Maler 4.3. PowerPoint

31

32

33 5. EKSEMPEL: KAMPANJE 5.1. Annonse, Halvside Annonse, Helside Bussplakater, A Bussdekor Terminalplakater Infoskjermer Webannonser 40

34 34 Flexx Østfold - designmal 5. Eksempel: Kampanje 5.1. Avisannonse Halvside ÉN BUSS FLERE OPPDRAG THEPITCH THEPITCH ÉN BUSS FLERE OPPDRAG Flexx henter og kjører deg du betaler kun busspris! Tlf facebook.com/flexxostfold Flexx henter og kjører deg du betaler kun busspris! Tlf facebook.com/flexxostfold ÉN BUSS FLERE OPPDRAG THEPITCH THEPITCH ÉN BUSS FLERE OPPDRAG Flexx henter og kjører deg du betaler kun busspris! Tlf facebook.com/flexxostfold Flexx henter og kjører deg du betaler kun busspris! Tlf facebook.com/flexxostfold

35 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 facebook.com/flexxostfold

36 36 Flexx Østfold - designmal 5. Eksempel: Kampanje 5.3. A3 Bussplakater 2 sidig trykk ÉN BUSS FLERE OPPDRAG ÉN BUSS FLERE OPPDRAG Tlf facebook.com/flexxostfold Tlf 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 facebook.com/flexxostfold Tlf 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!