Innehåll. > Symbol Versioner Placering Avsändare. > Typografi Typsnitt Regler. > Färger Profilfärger Färgkombinationer

Transkript

1 Grafisk Profil 2016

2 Grafisk profil för Vit jul Problemen är allvarliga. Lösningarna är roliga. Därför är vi båda två. Vi har en tråkig, ibland sorglig, till och med hemsk utgångspunkt: barn och unga som far illa. Det är på allvar, och allvarligt. Men att vara nykter över jul ska inte vara en stor grej och därför ska vi inte kommunicera det så. Istället sänker vi trösklarna genom att visa på att fira en Vit jul är roligt, enkelt och mysigt. Tonaliteten genomsyrar även vår grafiska profil, som vi på följande sidor kommer gå igenom. Profilguiden visar bland annat symbol, färger, typsnitt samt de grafiska element som ska hjälpa till att bygga vår visuella identitet. Några kapitel känner du igen från IOGT-NTO-rörelsens grafiska profil och ofta hänvisar vi till den för specifika regler gällande vissa delar. Profilguiden är tänka att underlätta vår grafiska produktion och hjälpa oss att hålla ett konsekvent formspråk. Har vi det hjälper vi mottagaren att identifiera oss och på sikt stärka vårt varumärke. Därför är det viktigt att alla följer guiden. Innehåll > Symbol Versioner Placering Avsändare > Typografi Typsnitt Regler > Färger Profilfärger Färgkombinationer > Grafiska element Mönster Peppis Ljusstaken & Julkulan Ramar > Bildspråk > Exempel Trycksaker Delningsbilder (sociala medier) Mailutskick Webshop - inspirationssförslag Tack på förhand!

3 Symbol IOGT-NTO-rörelsen är avsändare till Vit julkampanjen men då Vit jul är en så pass etablerad, och stor, kampanj har den fått en egen symbol. IOGT-NTO-rörelsens logotyp är dock alltid närvarande som avsändare, förutom i vissa undantagsfall på sociala medier (mer om det längre fram i profilguiden). Varianter Symbolen kommer i fyra färgvarianter, tre positiva och en negativ. Vi väljer symbol utifrån vilken slags bakgrund symbolen ska användas mot. De positiva varianterna används främst medan den negativa ska användas sparsamt. Längre fram i profilguiden visar vi exempel på hur symbolen kan och bör användas i olika kontext. v.1 - Används främst mot ljus bakgrund v.2 - Kan användas både mot ljus och mörk bakgrund v.2 - Används främst mot mörk bakgrund Inverterad (negativ) Den inverterade symbolen används sporadiskt och i enstaka fall - tex. för prägling eller textiltryck. Minsta storlek För att symbolen och dess detaljer ej ska uppfattas otydligt bör den ej användas i mindre storlek än 10 mm. Format Symbolen finns sparade som eps och png. Använd alltid eps för print. För skärm fungerar både png och eps. Det är inte tillåtet att göra ändringar i symbolen. 10mm EJ Tillåtet Det är ej tillåtet att ändra i varken texten eller kulan på någon vis vad gäller utformning och/eller placering. Om symbolen läggs ovanpå färgad bakgrund ska en vit platta alltid läggas bakom så att hela texten syns i vitt.

4 Symbol, forts Placering Vad gäller placering av vår symbol har vi inga bestämda regler som måste följas utan uppmanar istället till att lyfta lekfullheten i symbolens utformning genom att låta den hänga på olika sätt. När vi gör detta adderar vi ett snöre. Snörets form och färg är valbar, använd exemplen längre fram guiden som riktlinjer för känsla och utförande. När symbolen syns i samband med andra logotyper bör de presenteras i harmoni med varandra. Vad som är viktigt i all slags design är att symbolen alltid får den plats som krävs för att vara en stark och tydlig avsändare, vare sig den visas enskild eller med andra grafiska element. Och att IOGT-NTOrörelsen finns med som avsändare. Julen tillhör barnen, därför firar jag min julhelg helt utan alkohol. NamnO rt *Jag har fyllt 18 år och är inte medlem i IOGT-NTO-Rörelsen. Vit juls företagsgivare bidrog till att tusentals barn och unga fick skratta, leka och ha kul under jullovet. Er insats är ovärderlig.

5 Symbol i kombination med IOGT-NTO-rörelsens logotyp Riktlinjer Symbolen ska alltid användas tillsammans med IOGT-NTO-rörelsens logotyp, så att det är tydligt vem avsändaren är. När symbolen står för sig själv ska IOGT-NTO-rörelsens logotyp placeras i nederkant förslagsvis centrerat i underkant av kulan. Men när symbolen finns i ett annat sammanhang (exvis en flyer) kan IOGT-NTO-rörelsens logotyp placeras avskiljt från symbolen. Se exempel på det längre fram i profilguiden. De satta grafiska riktlinjerna för IOGT-NTO-rörelsens logotyp ska efterföljas. v.1 - Större format. Liggande logo i kombination med symbolen. IOGT-NTO:s logo måste vara minst 20 mm bred. v.1 - Mindre format. Stående logotyp linjerar med kulans ytterkanter. IOGT-NTO-rörelsens logo måste vara minst 10 mm bred. 20mm 10mm

6 Typografi Vi använder samma typsnitt för Vit jul som vi gör för IOGT-NTO-rörelsen. För Vit jul kompletterar vi dock med ett extra rubrikstypsnitt: Nickainley. Detta typsnitt används enbart för kortare rubriker eller budskap och aldrig för längre texter. Då vår text i symbolen är byggd utifrån detta typsnitt bör de aldrig hamna i konflikt med varandra, då riskerar symbolen att förlora sin styrka. Om du är osäker, använd Archivo Narrow. För att göra texten tjockare/tydligare: Gör om texten till outline och lägg på en stroke. Nickainley finns gratis för nedladdning här: behance.net/gallery/ / Nickainley-Script-Free-Font Att typografin är enhetlig stärker vår grafiska profil och visuella identitet. Därför använder vi vårt egna identitetstypsnitt Archivo Narrow för identitetsbärande delar. I vardagstypografin ingår de typsnitt vi använder dagligen som när vi till exempel skriver brev eller gör presentationer. Här använder vi med fördel Georgia, ett typsnitt som följer med alla datorer och därmed är tillgängligt för alla. Längre fram i guiden visar vi exempel på hur vi på bästa sätt arbetar med de olika typsnitten. Nickainley Identitetstypsnitt Rubrik AaBbCc Archivo Narrow Identitetstypsnitt Rubrik AaBbCc Georgia Vardagstypografi - Brödtext AaBbCc

7 Färger Eftersom Vit jul är en del av IOGT-NTOrörelsen utgår vi från samma färgschema och låter blått vara den bärande färgen. Den största skillnaden är att vi för Vit jul låter de mörkare blå tonerna ta mer plats än de ljusa blå. Huvudfärger Vitt använder vi främst för text och som färg på våra ramkanter (mer om detta längre fram). Våra accentfärger används sparsamt, t.ex. för att bryta av mot det blå i text eller detaljer, eller för att särskilja oss när vi pratar om ett specifikt ämne. Helhetsuttrycket ska dock alltid vara blått. IOGT-NTO-Blå Pantone 7459 CMYK 74 / 13 / 15 / 14 RGB 10 / 150 / 178 Junis-Blå Pantone 293 CMYK 100 / 55 / 0 / 0 RGB 0 / 58 / 162 Scout-Blå Pantone 2766 CMYK 100 / 94 / 0 / 47 RGB 17 / 23 / 94 Vit - CMYK 0 / 0 / 0 / 0 RGB 255 / 255 / 255 Se IOGT-NTO-rörelsen grafiska profil för specifika regler om hur och när vi och använder oss av de olika färgblandningarna. Accentfärger PANTONE (PMS) Internationell färgstandard för hela färger.observera att färgerna för Pantone bestruket (C) och Pantone obestuket (U) ofta skiftar. CMYK (cyan, magenta, gul och svart) Fyrfärgsprocess som används i grafisk produktion. RGB (röd-grön-blå) RGB används enbart för skärm. Gammel-Rosa Pantone 679 CMYK 3 / 27 / 1 2 RGB 200 / 125 / 140 Ljusrosa Pantone 684 CMYK 2 / 18 / 4 / 0 RGB 240 / 140 / 140

8 Färgkombinationer I valet av färger är det som med allt annat. Tänk först och främst på syftet och vad som ska kommuniceras. Formtankarna bör återkoppla till det som känns tryggt med vintern som en stjärnklar natt, krispigt blå vinterhimmel, snö och pepparkaksglasyr. Utgå i främsta fall från en mörk bakgrund med grafiska element i de ljusare tonerna. Text sätter vi i så stor mån som möjligt i vitt. De varma rosa accentfärgerna ska aldrig ta över det övervägande blå uttrycket, utan finns där för att mjuka upp och agera som kontrast om det blå uppfattas för kallt. Figuren till höger kan ses som en förklaring till hur färgerna bör disponeras.

9 Grafiska element För att förstärka det lekfulla i vår visuella identitet har vi förutom färg, typografi och foto även grafiska element som byggstenar när vi skapar design för Vit jul. Mönster Vårt mönster som har fötts ur IOGT-NTO-rörelsens symboler bildar en tindrande stjärnhimmel eller fallande snöflingor, beroende på vem du frågar. Peppis Vår ihärdiga maskot och hemliga vapen är en julfirare av rang. Ständigt närvarande men syns främst när vi kommunicerar till och omkring aktiviteter riktade mot barnen. Nu med fler uttryck än innan! Ljusstaken & julkulan Grafiska element som kan fungera som dekor men även som textbärare och för att skapa igenkänning.

10 Mönster Mönstret är byggt på två olika symboler: IOGT-NTO-rörelsens cirkel (de fyra små löven ) och en flinga/stjärna som kommit ur cirkeln. Tillsammans skapar de ett mönster som påminner om en stjärnhimmel eller snöflingor, det är fritt för tolkning. Mönstret är repeterbart vilket innebär att det enkelt går både förminska och förstora beroende på användningsområdets yta. Mönstret kan användas enskilt eller i kombination med övriga grafiska element. Färgmässigt är mönstret att föredra enfärgat, alltså att samtliga symboler är satta i samma färg. Se tidigare kapitel om färgkombinationer för att skapa en enhetlig Vit jul känsla. För att skapa liv i mönstret kan det animeras genom att symbolerna tändas och släckas, likt blinkande stjärnor. Längre fram i guiden visar vi exempel på olika användningsområden för mönstret.

11

12 Peppis Peppis är Vit juls officiella maskot. Hen finns hela tiden närvarande, men syns inte hela tiden utan främst när vi kommunicerar till och omkring barn, t.ex. jullovsaktiviteter. Peppis är mångfacetterad och kan ge uttryck för många olika känslor vare sig det är att vara vara glad, lurig, sur eller förvånad. Det är enkelt att visuellt leka med Peppis uttryck genom att ändra var pupillerna tittar, utformning av mun eller att sätta hen i olika sammanhang och miljöer. För att Peppis uttryck inte ska spreta för mycket ändrar vi dock aldrig på hens proportioner vad gäller kropp och ansikte. Om Peppis läggs mot en mörk bakgrund är det viktigt att ögonvitorna sätts i vitt. Om bakgrunden är ljusare än Peppis själv fungerar det dock bra att låta bakgrunden ge färg till vitor och mun. OK! Att ändra Peppis pupiller så hen tittar åt en önskad riktning för att förstärka ett budskap. Viktigt är att markera BÅDA pupillerna så att de flyttas samtidigt. Annars finns risk att ögonen skelar och då förstörs grundproportionerna. OK! Om peppis är mot en mörkare bakgrund är det en bra idé att låta ögonvitor och mun få bli vita. Om det är flera Peppis på samma yta är det dock viktigt att alla följer samma regel. Längre fram i guiden visar vi exempel på olika användningsområden för de grafiska elementen. Ej tillåtet Att ändra Peppis dimensioner på kropp och/eller ansikte. Heller ej tillåtet att ändra Peppis knappar eller att låta hens pupiller gå åt olika håll. Ej tillåtet Att lägga Peppis mot en bakgrund så att ögonvitorna blir mörkare än själva kroppen. Om det är flera Peppis på samma yta är det viktigt att de följer samma regler och har samma utseende.

13 Ljusstaken & julkulan Vårat lekfulla manér följs upp i ytterligare två grafiska element: ljusstaken och julkulan. Julkulan Kulan har vi sedan tidigare bekantat oss med då den också är vår logotyp. Vi har dock gjort det möjligt att använda den separat som ett grafiskt dekorelement, utan text men i vissa fall med glans och snöre. Ljusstaken Ljusstaken och medföljande ljus kan ändra färg och/eller utformning på ljus och flamma. Den kan presenteras ensam eller i par/grupp. Själva ljuset ska dock alltid färgsättas i vitt, medan staken och flamman fritt kan ändra färg. För att ge de grafiska elementen ytterligare en dimension kan de med fördel animeras, till exempel som delningsbara gifar eller på en hemsida och mailutskick. Förslagsvis kan julkulan vicka medan ljusets flamma kan fladdra till eller tändas eller släckas. Julkulan Exemplet till vänster är vår logotyp - medan den till vänster utan text är ett grafiskt element. Julkulan som dekorelement kan används mer fritt än vår logotyp som har regler att förhålla sig till (se dessa i separat kapitel). Julkulan kan användas som dekorelement och/eller som bärare för text. Om den ska användas till just text undviker vi att använda version med glans. Snöre & glans Julkulan kan användas separat eller i par/grupp. I samtliga fall hängs kulan med fördel upp. För att göra detta adderar vi ett snöre. Se till att snöret håller samma tjocklek om den hängs i par/grupp. För att ge liv i kulan har vi en variant med glans. Var vaksam så att glansen inte flyttar på sig och byter form och/eller storlek. Längre fram i guiden visar vi exempel på olika användningsområden för de grafiska elementen. Ljusstaken Det finns inga bestämda regler för hur ljusttaken bör placeras eller hur den får ändras/inte ändras, förutom att själva ljuset alltid bör färgsättas i vitt. Använd exemplen längre fram i denna guide som riktlinjer och utgå alltid från de redan existerande illustrationerna.

14 Ramar Precis som för IOGT-NTO-rörelsen använder vi oss av ramar för att förstärka vårt visuella uttryck och skapa igenkänning. Ramarna kan fungera som bärare för både text och foto. De är ett bra (men inte obligatoriskt) komplement till de övriga grafiska elementen då de ger en inramning till det som ska kommuniceras (i text eller foto) utan att tydligheten ska behöva ge vika. Till skillnad från IOGT-NTO-rörelsen där ramarna skiftar i karaktär arbetar vi för Vit jul med samtliga ramar i vitt och en tjockare ramkant. Fler utgjorda exempel på användningsområden och hur ramarna kan appliceras finns längst bak i denna profilguide.

15 Bildspråk Vit jul ska förmedla känslan av trygghet och genom vårt bildspråk har vi möjligheten att göra detta genom både porträtt och stämningsbilder. Vi tittar in i julmyset och delar med oss av den trygga känslan som julbak, pyssel och andra aktiviteter skapar. Precis som för IOGT-NTO-rörelsens bildspråk ska vi alltid förmedla att något sker, en rörelse. Vi gestaltar mångfald i våra bilder genom variation på kön, etnicitet, ålder och funktionsförutsättningar. Vid intervjuer och porträttbilder ska vi beskriva vårt syfte och användningsområde för den person vars berättelse/bild vi önskar publicera. Se IOGT-NTO-rörelsens grafiska profil för specifika regler hur och när vi och använder oss av foto. Allt bildmaterial ska följa lagen om upphovsrätt. Det innebär bland annat att fotografen ska nämnas i möjligaste mån.

16 Exempel På följande sidor visar vi några exempel hur den grafiska profilen tillämpats på olika delar, både för print och digitalt. Materialet är organiskt och kommer växa fram allt eftersom profilen arbetas in. Innehåll och utförande är alltså på skissnivå, vilket betyder att framtida formgivning förmodligen kommer att behöva ändras utifrån innehåll, textmängd etc. Vid all slags design ska användarvänlighet alltid tas i åtanke. Detsamma gäller syfte och målgrupp. Vid tryckproduktion är det alltid bra att tänka in kostnad (i val av färger, papper, format, etc.) medan format och användarvänlighet är mer väsentligt vad gäller digital produktion. Imorgon presenterar vi årets ambassadörer, vilka tror ni det är? Glad fjärde advent! Nu är det bara 4 dagar kvar till jul! Du och över andra har redan tagit ställning för en vit jul, och planeringen av alla Vit jul-aktiviteter är i full gång. Det anordnas över 200 aktiviteter för barn och unga i jul. Fantastiskt eller hur? En jullovsaktivitet kostar i snitt kronor. Förra året var barn med i våra jullovsaktiviteter. Hur mycket kan du tänka dig att bidra med för att fler barn ska få fina julminnen? Pepparkaksdeg 100 Kronor Julpyssel 500 Kronor En Jullovsaktivitet 2000 Kronor Valfri Summa Känner du någon som inte skrivit upp sig för en vit jul? Dela gärna kampanjen på din Facebooksida så vi når fler som kan skriva upp sig för en vit jul. Dela nu! Varma julhälsningar, Lisa Greve Anordnar din stad några aktiviteter? kolla på: vitjul.se/aktivitet

17 Print Affisch, flyer Barn kan känna obehag och oro när vuxna dricker alkohol. IOGT-NTO-rörelsen genomför varje år kampanjen Vit Jul, för att så många barn och unga som möjligt ska få vistas i trygga, alkoholfria miljöer med närvarande vuxna. Vi anordnar jullovsaktiviteter både för de barn och unga som behöver komma hemifrån till en alkoholfri miljö och för dem som vill ha något roligt att göra under ledigheten. Skippa alkoholen i år du också och låt fler barn få en Vit jul! Ta ställning för barnen på vår hemsida eller följ oss på Facebook: Att tänka på: Formen sätts utifrån innehållet. Se exemplen ovan som riktlinjer och inspiration på olika sätt att arbeta med text och de grafiska elementen. Mängden text och vilken tonalitet som ska kommuniceras är båda avgörande faktorer för den slutgiltiga designen. Om tonen är allvarlig bör formgivningen följa samma manér i val av färg och grafiska element. I exemplet ovan kan det otända ljuset till exempel få symbolisera de barn som inte får fira den jul de borde få.

18 Print Insamlingsbrev, julkort Julen tillhör barnen, därför firar jag min julhelg helt utan alkohol. NamnO rt Vit juls företagsgivare bidrog till att tusentals barn och unga fick skratta, leka och ha kul under jullovet. Er insats är ovärderlig. *Jag har fyllt 18 år och är inte medlem i IOGT-NTO-Rörelsen. Att tänka på: Formen sätts utifrån innehållet. Se exemplen ovan som riktlinjer och inspiration på olika sätt att arbeta med text och de grafiska elementen. Om insamlingsbrevet till exempel är tänkt att skrivas ut i en vanlig skrivare är det rimligt att hålla sig till en vit bakgrund och få färger för bästa resultat.

19 Delningsbilder sociala medier Facebook, instagram, twitter Nu är vi över personer som väljer att fira en VIT JUL Imorgon presenterar vi årets ambassadörer, vilka tror ni det är? Dela med er av julfirandet under #vitjul Nu är det dags att signa upp er för jullovs-aktiviteter! vitjul.se/aktivitet Anordnar din stad några aktiviteter? kolla på: vitjul.se/aktivitet... men, var är IOGT-NTO-rörelsens logotyp? I sociala medier där vi äger sammanhanget mycket tydligare, och där avsändaren alltså är väldigt närvarande, kan vi vara friare i utformning av bilderna. Att tänka på: Delningsbilderna kommer konkurrera med flera andra bilder i ett flöde, därför är tydlighet och en kännbar design viktigt. Bilden bör stå ut och budskapet ska vara lättförstått. Arbeta därför med en begränsad mängd text för dessa slags bilder. Julkulan är ett bra exempel som bärare för text, men det är inget måste. Mönstren och övriga grafiska element fungerar lika bra. Den vita ramen skapar igenkänning men är valbar. I exemplen ovan har de bilder som riktar sig till barn ett något mer präglat rosa uttryck, detta kan vara en idé att ta vidare men inget som i nuläget är bestämt.

20 Mailutskick Glad fjärde advent! Nu är det bara 4 dagar kvar till jul! Du och över andra har redan tagit ställning för en vit jul, och planeringen av alla Vit jul-aktiviteter är i full gång. Det anordnas över 200 aktiviteter för barn och unga i jul. Fantastiskt eller hur? En jullovsaktivitet kostar i snitt kronor. Förra året var barn med i våra jullovsaktiviteter. Hur mycket kan du tänka dig att bidra med för att fler barn ska få fina julminnen? Pepparkaksdeg 100 Kronor Julpyssel 500 Kronor En Jullovsaktivitet 2000 Kronor Valfri Summ a Känner du någon som inte skrivit upp sig för en vit jul? Dela gärna kampanjen på din Facebooksida så vi når fler som kan skriva upp sig för en vit jul. Dela nu! Varma julhälsningar, Lisa Greve Jullovsaktivitet! Nu är det bara 4 dagar kvar till jul! Du och över andra har redan tagit ställning för en vit jul, och planeringen av alla Vit jul-aktiviteter är i full gång. Det anordnas över 200 aktiviteter för barn och unga i jul. Fantastiskt eller hur? En jullovsaktivitet kostar i snitt kronor. Förra året var barn med i våra jullovsaktiviteter. Hur mycket kan du tänka dig att bidra med för att fler barn ska få fina julminnen? Pepparkaksdeg 100 Kronor Julpyssel 500 Kronor En Jullovsaktivitet 2000 Kronor Valfri Summ a Känner du någon som inte skrivit upp sig för en vit jul? Dela gärna kampanjen på din Facebooksida så vi når fler som kan skriva upp sig för en vit jul. Dela nu! Varma julhälsningar, Lisa Greve Att tänka på: Det faktiska utskicket byggs genom Act Apps och medför en del begränsningar vad gäller design. Se exemeplen nedan som inspiration snarare än en satt form vid bygget för mailmallarna. Bra att ha med sig är att val av färg och form skapar olika uttryck. Mörka toner skapar en viss känsla med ljusa en annan. Viktigast är alltid att få mottagaren uppmärksam och att informationen framförs tydligt.

21 Inspiration webshop Förslag till framtida produkter, girlanger, ljusstakar & julkulor. Att tänka på: För en festligare känsla kan till exempel girlangen tillverkas i folierat papper eller en tunnare högglansig plast, detta gör den även tåligare för slitage. Peppis hålls samman med nitar för att girlangen enkelt ska kunnas vikas ihop. Ljusstakarna tillverkas i trä och julkulorna är klassiska julkulor i oljat glas med text i vitt glitter. En fin förpackning adderar en extra känsla för mottagaren.

22 Grafisk Profil 2016