RETNINGSLINJER FOR DESIGN

Transkript

1 RETNINGSLINJER FOR DESIGN

2 RETNINGSLINJER FOR LOGO 2

3 PRIMÆRLOGO Dette er LOfavørs primærlogo og skal benyttes i all intern kommunikasjon og all ekstern kommunikasjon hvor LOfavør er primæravsender. Logo vises også med anbefalt minimum beskyttelsesområde. Dette vil si område rundt logo hvor det ikke må skrives eller legges andre elementer, da dette vil forstyrre opplevelsen av logoen. 3

4 DESKRIPTORLOGO (LOGO MED SLAGORD) LOfavør med trygghet i privatlivet skal brukes på profilkampanjer og profilmateriell. LOfavør med pay-off skal ikke brukes når det ikke er plass til pay-off (for liten til å lese), eller når det er produktkampanjer/informasjon fra/om sekundærporteføljen (produkter som ikke gir trygghet i privatlivet). Videre kan den brukes på produktkampanjer/informasjon hvor produktet er fra primærporteføljen (produkter som gir trygghet i privatlivet). Kan også brukes når man presenterer et større utvalg av produkter sålenge det er produkter fra primærporteføljen representert. 4

5 MINSTE STØRRELSE Minste størrelse på logo er satt for å unngå at logoen blir benyttet i en størrelse som gjør at viktig informasjon forsvinner. Primærlogo: Bredde print: Bredde skjerm: Deskriptorlogo: Bredde print: Bredde skjerm: 15mm 75px 20mm 100px Bredde print: Bredde skjerm: 15mm 75px Bredde print: Bredde skjerm: 20mm 100px 5

6 BRUK AV LOGO Om mulig skal logo alltid stå på hvit bakgrunn. Men i de tilfeller logo må plasseres på andre fargeflater, skal følgende regler overholdes: For å gjøre bruken av logoprogrammet så enkel som mulig, er logoene gruppert etter hvilken type bakgrunn de passer til. Dette vil si at hvis du trenger en logo til mørk bakgrunn, går du i mappen mørk bakgrunn. Hvit bakgrunn: På hvit bakgrunn, som er ønsket bruk så langt det er mulig, er LO uten hvit ramme og favør i profilgrå. Lys bakgrunn: På lys bakgrunn er LO med en hvit ramme og favør i profilgrå. Mørk bakgrunn: På mørk bakgrunn er LO med en hvit ramme og Favør i hvit. NB: hvis logo skal plasseres på rød bakgrunn, må bakgrunnen ha profilrød farge. NB: Skal logo stå på rød bakgunn, MÅ den røde bakgrunnen ha LOfavør sin rødfarge. Mørk bakgrunn: Lys bakgrunn: Hvit bakgrunn: 6

7 FEIL BRUK AV LOGO Noen eksempler på feil bruk av logo. Hvis man er i tvil om bruk av logo, ta kontakt med LOfavør for assistanse. Det er ikke lov å endre proporsjoner, form eller farge på logoen. Beskyttelsesområdet for logo bør benyttes, slik at ikke elementer legges innenfor dette området eller logo trekkes helt ut i kantene på et format. Skal logo stå på rød bakgunn, MÅ den røde bakgrunnen ha LOfavør sin rødfarge. Det er viktig å følge anvisningen på hvilken logo du skal benytte på hvilken bakgrunn. Hvit, lys eller mørk bakgrunn. 7

8 LOGOPLASSERING På all kommunikasjon, så langt det er mulig, skal LOfavørs logo plasseres nede til høyre. Se flere eksempler på neste side. 8

9 LOGOPLASSERING På all kommunikasjon, så langt det er mulig, skal LOfavørs logo plasseres nede til høyre. 9

10 LOGOPLASSERING UNNTAK På grunn av egne retningslinjer ved logoplassering på konvolutt, skal logoen her plasseres oppe til venstre. Dette grepet er også brukt på øvrige postale elementer som brevark og referatmal. 10

11 RETNINGSLINJER FOR CO-BRANDING 11

12 RETNINGSLINJER FOR CO-BRANDING 1. LOfavør-materiell eller CO-brand benytter LOfavør-materiell: LOfavør er primær, CO-brand er sekundær. CO-brand benyttes med logo eller navnet som tekst. 2. CO-brand-materiell: CO-brand er primær, LOfavør som sekundær. 3. CO-brand-materiell (web/mobil): CO-brand er primær, LOfavør er sekundær. 4. Forbundetes materiell: Forbund er primær, LOfavør sekundær. (likestilles i bakhodet) 12

13 1. LOFAVØR-MATERIELL: LOfavør er primær avsender med logo Co-brand er sekundær avsender med tekst eller logo Her er LOfavør primæravsender, derfor plasseres CO-brand til venstre. Dette er mal som skal benyttes både når LOfavør lager eget materiell eller når fordelsleverandør ønsker å bruke merkevaren/fotavtrykk LOfavør. Logoplassering til LOfavør er alltid nede til høyre.vi viderefører dette i CO-brand med LOfavør-materiell. LOfavør materiell med CO-brand som tekst LOfavør materiell med CO-brand som logo LOFAVØR KREATIVT ROM CO-BRAND LOFAVØR AVSENDER 13

14 2. COBRANDETS MATERIELL: LOfavør er sekundæravsender CObrandets drakt med LOfavørs logo. Her er det leverandørens profilhåndbok som er gjeldende og dens retningslinjer for co-branding. CO brand materiell med LOfavør som sekundæravsender COBRAND GRAFISK INNHOLD LOfavør 14

15 3.CO-BRANDING DIGITALE FLATER På mobil og web er bunnlinjen sticky, som vil si at den ligger i bunnen til en hver tid. Dette gir en tydelig ramme for at innholdet fremdeles har noe med LOfavør og gjøre, til tross for at man blir dratt ut av appen/ websiden. Den røde bunnlinjen skal benyttes så langt det er mulig,men grå bunnlinje kan benyttes der hvor rød ikke egner seg optimalt. LOfavør PRESENTASJON PRESENTASJON CO-BRANDING CO-BRANDIN 2014 ANTI 2014 ANTI 15

16 3.CO-BRANDING DIGITALE FLATER På mobil og web er bunnlinjen sticky, som vil si at den ligger i bunnen til en hver tid. Dette gir en tydelig ramme for at innholdet fremdeles har noe med LOfavør og gjøre, til tross for at man blir dratt ut av appen/ websiden. Den røde bunnlinjen skal benyttes så langt det er mulig,men grå bunnlinje kan benyttes der hvor rød ikke egner seg optimalt. LOfavør PRESENTASJON CO-BRANDING LOfavør PRESENTASJON CO-BRANDING LOfavør PRESENTASJON CO-BRANDING 2014 ANTI 2014 ANTI 16

17 4. FORBUNDETS MATERIELL: Forbund som er co-brand har logo til høyre LOfavør har logo til venstre. Dette er plassering som skal benyttes når Forbundet lager eget materiell og har med LOfavør som Co brand. Her benyttes både LOfavør-materiell og forbundets eget materiell. Ved LOfavør-materiell beholdes hvit ramme og bunnlinje, og forbund legges til venstre. Ved Forbundets eget materiell benyttes bunnlinje (helst rød) hvor LOfavør plasseres til venstre. LOfavør materiell med forbund som sekundæravsender Forbundets materiell med LOfavør som sekundæravsender LOFAVØR KREATIVT ROM FORBUND FORBUND LOFAVØR AVSENDER LOFAVØR AVSENDER FORBUND 17

18 4. FORBUNDETS MATERIELL: Forbund som er co-brand har logo til høyre LOfavør har logo til venstre. Dette er plassering som skal benyttes når Forbundet lager eget materiell og har med LOfavør som Co brand. Her benyttes både LOfavør-materiell og forbundets eget materiell. Ved LOfavør-materiell beholdes hvit ramme og bunnlinje, og forbund legges til venstre. Ved Forbundets eget materiell benyttes bunnlinje (helst rød) hvor LOfavør plasseres til venstre. LOfavør PRESENTASJON CO-BRANDING 2014 ANTI 18

19 RETNINGSLINJER FOR FARGER 19

20 FARGEPALETT Fargeprogrammet til LOfavør består av to primærfarger og fem sekundærfarger. Alle valører av fargene kan benyttes, 1-100%. PRIMÆR RØD PRIMÆR GRÅ CMYK PMS RGB HEX C0 M100 Y100 K6 186 C / 186 U R222 G26 B33 #DE1A21 CMYK C30 M30 Y30 K75 PMS Cool Grey 11 C / 426 U RGB R68 G64 B63 HEX #44403F SEKUNDÆR BLÅ SEKUNDÆR ORANGE SEKUNDÆR LYS GRÅ SEKUNDÆR GUL SEKUNDÆR LYS GRØNN CMYK PMS RGB HEX C75 M25 Y0 K C / 2995 U R27 G153 B214 #1B99D6 CMYK PMS RGB HEX C0 M60 Y100 K0 151 C / 151 U R245 G130 B31 #f5821f CMYK C0 M0 Y0 K15% PMS Cool Grey 3 C / Cool Grey 3 U RGB R219 G220 B222 HEX #DBDCDE CMYK PMS RGB HEX C0 M35 Y100 K C / 109 U R251 G175 B23 #FBAF17 CMYK PMS RGB HEX C76 M18 Y62 K C / 3268 U R56 G154 B125 #389A7D 20

21 VEKTING AV FARGER Under vises en anbefalt vekting av profilfargene. Det er også viktig med hvite flater for å sikre en gjennomgående lett og luftig profil. Gjennomgående bør primærfargene vektes tydelig, men like viktig er det at disse suppleres av sekundærfargene for å unngå et corporate uttrykk. Uttrykket skal være stramt og troverdig, men også lekent og folkelig. Primærfarger Sekundærfarger Hvite flater 21

22 RETNINGSLINJER FOR TYPOGRAFI 22

23 TYPOGRAFI - HELVETICA NEUE Helvetica Neue er profilfont for LOfavør og skal benyttes i all kommuniakasjon så langt det er mulig. LOfavør har følgende snitt tilgjengelig. Skulle man se behovet for flere snitt, kan man kjøpe ut enkeltsnitt her: HELVETICA NEUE THIN HELVETICA NEUE CONDENSED THIN HELVETICA NEUE REGULAR HELVETICA NEUE CONDENSED REGULAR HELVETICA NEUE REGULAR ITALIC HELVETICA NEUE CONDENSED REGULAR ITALIC HELVETICA NEUE BOLD HELVETICA NEUE CONDENSED BOLD HELVETICA NEUE BOLD ITALIC HELVETICA NEUE CONDENSED BOLD ITALIC HELVETICA NEUE BLACK HELVETICA NEUE CONDENSED BLACK FORDELEN VED Å VÆRE MANGE ER MANGE MED MEDLEMMER FÅR VI TIL SVÆRT GODE AVTALER FOR DEG, OGSÅ I PRIVATLIVET. Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum minim veniam. Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum minim veniam. Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum minim veniam. 23

24 TYPOGRAFI - ARIAL Hvis du ikke har Helvetica tilgjengelig på din maskin, skal Arial benyttes som suplerende font. Arial er standardfont både på Mac og Windows, slik at man slipper å installere fonter for å produsere innhold. Arial har følgende snitt: Arial regular Arial italic Arial Bold Arial Bold Italic MED MEDLEMMER FÅR VI TIL SVÆRT GODE AVTALER FOR DEG, OGSÅ I PRIVATLIVET. 24

25 RETNINGSLINJER FOR MENGDEKONSEPT 25

26 MENGDEKONSEPT Mengdekonseptet bygger opp under LOfavør sin pay-off Fordelen ved å være mange er mange og skal vise tanken rundt mengde i alle settinger. Mengdekonseptet kan også bli tatt ut i en setting, f.eks. på en stand, en messe eller et arrangement. Se eksempel på neste side. Mengdekonseptet er et sett med illustrasjoner som spiller på mengde sammen med verdiene av å være medlem. Det å bli hørt, å få en sterkere stemme eller en bedre deal. 26

27 MENGDEKONSEPT Mengdekonseptet bygger opp under LOfavør sin pay-off Fordelen ved å være mange er mange og skal vise tanken rundt mengde i alle settinger. Mengdekonseptet kan også bli tatt ut i en setting, f.eks. på en stand, en messe eller et arrangement. Mengdekonseptet er et sett med illustrasjoner som spiller på mengde sammen med verdiene av å være medlem. Det å bli hørt, å få en sterkere stemme eller en bedre deal. 27

28 RETNINGSLINJER FOR TILLEGGSELEMENTER 28

29 MERKER Merker kan benyttes for å utheve spesielle budskap, gode tilbud eller annen viktig informasjon. Under vises forslag på fargekombinasjoner. Merkene må stå godt sammen og harmonere med de andre elementene i oppsettet. 29

30 MERKER Under er eksempel på bruk av merker. 30

31 RETNINGSLINJER FOR BREVARK 31

32 BREVARK Under vises mål og retningslinjer for brevark. Maloppsettet ligger ved i filene du finner i mappen som hører til manualen. 32

33 RETNINGSLINJER FOR REFERAT 33

34 REFERATMAL Under vises mål og retningslinjer for referatmal. Maloppsettet ligger ved i filene du finner i mappen som hører til manualen. 34

35 RETNINGSLINJER FOR POWERPOINT 35

36 POWERPOINT Under vises eksempel på powerpointmaler. Malen ligger ved i mappen som hører til manualen. 36

37 RETNINGSLINJER FOR PRODUKTARK 37

38 PRODUKTARK Produktark skal benyttes for å presentere fordelene til LOfavør. Det er satt opp tre varianter på produktark i malverket, men nye maler kan utvikles i samme rammeverk, om ønskelig. benytte bilder, illustrasjoner og grafer her også. Se malene som ligger ved i filene du finner i mappen som hører til manualen. Alle produktark har en forside med tittel, ingress og bilde/illustrasjon. På baksiden får man all informasjonen om hver fordel. Er det god plass på baksiden, kan man 38

39 PRODUKTARK Produktark skal benyttes for å presentere fordelene til LOfavør. Det er satt opp tre varianter på produktark i malverket, men nye maler kan utvikles i samme rammeverk, om ønskerlig. benytte bilder, illustrasjoner og grafer her også. Se malene som ligger ved i filene du finner i mappen som hører til manualen. Alle produktark har en forside med tittel, ingress og bilde/illustrasjon. På baksiden får man all informasjonen om hver fordel. Er det god plass på baksiden, kan man 39

40 RETNINGSLINJER FOR ANNONSE 40

41 ANNONSEMAL HALVSIDE Halvsidemalen har følgende mål: Bredde: 246mm x høyde: 181mm. Annonsemalene er bygget opp av en fast hvit ramme, et avsenderfelt og et kreativt rom (blå rute). Størrelsen på det kreative rommet kan justeres, alt etter hvor mye plass man trenger. Dette gir rom for variasjon i annonsemalene. BLI MED I NORGES STØRSTE ORGANISASJON FOR UNGE! LO er landets største arbeidstakerorganisasjon med over medlemmer. Blant disse er elever, lærlinger og unge arbeidstakere under 30 år inkludert studentmedlemmer. 41

42 ANNONSEMAL HALVSIDE Halvsidemalen har følgende mål: Bredde: 246mm x høyde: 181mm. Annonsemalene er bygget opp av en fast hvit ramme, et avsenderfelt og et kreativt rom (blå rute). Størrelsen på det kreative rommet kan justeres, alt etter hvor mye plass man trenger. Dette gir rom for variasjon i annonsemalene. BLI MED I NORGES STØRSTE ORGANISASJON FOR UNGE! LO er landets største arbeidstakerorganisasjon med over medlemmer. Blant disse er elever, lærlinger og unge arbeidstakere under 30 år inkludert studentmedlemmer. 42

43 ANNONSEMAL HELSIDE Helsidemalen har følgende mål: Bredde: 246mm x høyde: 365mm. Annonsemalene er bygget opp av en fast hvit ramme, et avsenderfelt og et kreativt rom (blå rute). Størrelsen på det kreative rommet kan justeres, alt etter hvor mye plass man trenger. Dette gir rom for variasjon i annonsemalene. BLI MED I NORGES STØRSTE ORGANISASJON FOR UNGE! LO er landets største arbeidstakerorganisasjon med over medlemmer. Blant disse er elever, lærlinger og unge arbeidstakere under 30 år inkludert studentmedlemmer. 43

44 ANNONSEMAL HELSIDE Helsidemalen har følgende mål: Bredde: 246mm x høyde: 365mm. Annonsemalene er bygget opp av en fast hvit ramme, et avsenderfelt og et kreativt rom (blå rute). Størrelsen på det kreative rommet kan justeres, alt etter hvor mye plass man trenger. Dette gir rom for variasjon i annonsemalene. BLI MED I NORGES STØRSTE ORGANISASJON FOR UNGE! LO er landets største arbeidstakerorganisasjon med over medlemmer. Blant disse er elever, lærlinger og unge arbeidstakere under 30 år inkludert studentmedlemmer. 44

45