Grafisk Profil 2016
Vår grafiska profil Om vi konsekvent tänker på hur vi presenterar oss kan vi skapa en visuell identitet som gör att mottagaren känner att det är vi som talar. Med visuell identitet menar vi det som ögat ser, medan begreppet grafisk profil står för en instruktion i hur vi hanterar vår visuella identitet. Den visuella identiteten är den helhet som uppstår när man fogat samman ett antal olika element. Den visuella identiteten förmedlar ett intryck av IOGT-NTO-rörelsen och är vårt ansikte externt såväl som internt. Innehåll > Logotyp > Typografi > Färger > Mönster > Ramar > Bildspråk Profilguiden visar bland annat logotyp, färger, typsnitt samt de grafiska element som ska hjälpa till att bygga vår visuella identitet. Guiden ska underlätta vår grafiska produktion och hjälpa oss att hålla ett konsekvent formspråk. Har vi det underlättar det för mottagaren att identifiera oss. Därför är det viktigt att alla följer guiden. Tack på förhand!
Logotyp I all extern löpande text skriver vi ut IOGT- NTO-rörelsen. Endast i egna anteckningar och i interna skrivelser kan vi använda förkortningen rörelsen. På engelska heter vi IOGT-NTO-movement. Huvudlogotyp och alternativ version Vår huvudlogotyp har texten på en rad. Det är den version som i första hand ska användas utom i de fall då det bärande mediet eller reproduktionstekniken är begränsande. Använd då versionen på två rader. Negativ/Positiv Beroende av bakgrunden som logotypen appliceras på använder vi den i svart (positiv) eller vitt (negativ). På engelska Den engelska varianten används endast i sammanhang där vi pratar om IOGT-NTOmovement. Format Logotyperna finns sparade som eps och png. Använd alltid eps för print. För skärm fungerar både png och eps. OBS! Internationell logotyp kommer i januari 2016 Det är inte tillåtet att göra ändringar i logotypen.
Logotyp Friytor I all design ska logotypen lyftas fram tydligt och utan konkurrens. Ju mer plats logotypen tillåts, desto tydligare intryck kommer den att lämna. Därför måste friytan som visas här bredvid alltid respekteras när logotypen placeras med andra grafiska element eller typografi. Färg Logotypen används främst svart (positiv) mot ljusa bakgrunder eller i vitt (negativ) mot mörkare ytor. Viktigast är att logotypens synlighet aldrig tummas på. Placering Den ideala placeringen för vår logotyp är centrerat i nederkant på alla tänkbara medium. Om mediet kräver något annat är placeringen valbar - men utgå alltid främst från en centrerad placering. Minimum storlek För att behålla läsbarhet vid utskrift och tryck bör logotypen aldrig göras mindre än exemplen som visas här bredvid. 10mm 20mm
Typografi En enhetlig och god typografi är ovärderlig i all skriven kommunikation. IOGT-NTO-rörelsens typografi ska vara lättläst och tilltalande för alla. Att typografin är enhetlig stärker vår grafiska profil och visuella identitet. Därför har vi vårt egna identitetstypsnitt att använda i olika typer av kommunikation och andra identitetsbärande delar. Archivo Narrow kommer i fyra skärningar och finns att ladda ned gratis både för desktop och som webtypsnitt via: omnibus-type.com/fonts/archivo-narrow.php I vardagstypografin ingår de typsnitt vi använder dagligen som när vi t.ex. skriver brev eller gör presentationer. Här använder vi Georgia, ett typsnitt som även det fungerar både på skärm och i tryck, och som sedan tidigare finns implementerat hos de flesta som arbetar inom IOGT-NTO-rörelsen. Det är viktigt att tänka igenom i vilka sammanhang texten ska läsas och vilka förutsättningar som finns i val av media, tryckteknik, läsavstånd, etc. På följande sida visas exempel på hur dessa ska användas. Längre bak i denna guide finns fler exempel utgjorda på hur & var typsnitten bäst används. Archivo Narrow Identitetstypsnitt Rubrik AaBbCc 1234567 Archivo Narrow is a free font that was designed to be used simultaneously in print and digital platforms. The technical and aesthetic characteristics of this typeface are both crafted for high performance typography. Georgia Brödtext AaBbCc 1234567 Although inspired by the need for and providing clarity at low resolutions on the screen, Georgia is a typeface resonant with typographic personality. Even at small sizes the face exudes a sense of friendliness; a feeling of intimacy many would argue has been eroded from Times New Roman through overuse.
Identitetstypografi RUBRIKER, INGRESSER OCH KORTARE TEXTER Archivo Narrow Bold lämpar sig utmärkt för bildtexter, adresser, pagina, bylines, tabeller, grafik, diagram, faktarutor, skyltar och affischer. Detta är vårt förstahandsval när det kommer till rubriker och då vi eftersträvar stor tydlighet och vill arbeta starkt med vår visuella röst. Skärningen ser allra bäst ut i gemener (små bokstäver) och gärna tight kernat (tätt mellan bokstäverna). Archivo Narrow Bold Italic ska användas sparsamt. Archivo Narrow Regular lämpar sig utmärkt för bildtexter, adresser, pagina, bylines, tabeller, grafik, diagram, faktarutor, skyltar, affischer, rubriker och kortare brödtexter. Passar väldigt bra att sätta i versaler (stora bokstäver) samt med mycket spärrning (brett mellanrum mellan bokstäverna) i samband med Archivo Narrow Bold som rubrik. Archivo Narrow Kursiv används sparsamt, t.ex. vid markering av enstaka ord i en text eller vid citat. Archivo Narrow Bold Rubriker, ingresser och kortare texter. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890 Archivo Narrow Bold Italic Används sparsamt för att lyfta fram enstaka ord. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890 Archivo Narrow Regular Rubriker, ingresser och kortare texter. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890 Archivo Narrow Italic Används sparsamt för att lyfta fram enstaka ord. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890
Vardastypografi BRÖDTEXT OCH KORTARE TEXTER Georgia lämpar sig utmärkt för längre texter, då det är lättläst. Om brödtexten är kort kan dock i undantagsfall Archivo Narrow användas. Georgia Bold eller Georgia Bold Italic ska användas sparsamt. Undantag är när ord eller partier i löpande text behöver markeras. Georgia Regular är det typsnitt som vi använder i våra vardagliga texter. Georgia kursiv (Italic) används vid markering av enstaka meningar, ord eller titlar i en brödtext eller för att förstärka citat. Georgia Bold Kortare texter och för att lyfta fram något i en längre brödtext. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890 Georgia Bold Italic Används sparsamt. För att lyfta fram något i en kortare text. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890 Georgia Regular Brödtext. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890 Georgia Italic Används sparsamt. För att lyfta fram något i en kortare text. ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890
Färger Huvudfärger IOGT-NTO-rörelsens färger är en viktig del i vår grafiska profil där vår bärande färg är blå. Samtliga blå toner är jämställda och kan kombineras fritt med varandra. Svart använder vi främst för text och som färg på våra ramkanter (mer om dettta 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 - helhetsintrycket ska dock generellt alltid upplevas blått. UNF-Blå Pantone 306 CMYK 75 / 0 / 7 / 0 RGB 0 / 185 / 229 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 Svart Pantone Black CMYK 0 / 0 / 0 / 100 RGB 0 / 0 / 0 Vad som är viktigt att veta är att färger uppträder olika beroende på om de är tryckta med PMS* eller fyrfärg (CMYK*); på bestruket eller obestruket papper eller om de visas på skärm (RGB*). För att behålla största möjliga likhet, oberoende av medium eller teknik, finns våra därför våra färger i olika färgsystem. 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. Hallon-Röd Pantone 1925 CMYK 0 / 90 / 54 / 0 RGB 230 / 50 / 60 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
Mönster För att ge profilen en lekfull känsla och för att skapa igenkänning arbetar vi med mönster som återkommande grafiskt element. Mönstet är uppbyggt av 4 stycken likadana former som flätas samman av en mindre kvadrat. 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. Till höger har vi själva grundmönstrets sammansättning. Det är utgångspunkten för mönstret och själva grundrapporten vi kommer i förlängningen att arbeta med flertalet varianter av mönstret, avhängt vad vi ska kommunicera och vilken ton det behöver vara. Längre bak i profilguiden visas exempel på olika användningsområden hur mönstret kan appliceras.
Mönster Färg Som vi nämnt i tidigare kaptitel står de blå färgerna för vardera nykterhetsförbund som IOGT-NTO-rörelsen representerar. Ibland passar det dock bättre att enbart använda en färg i taget, t.ex. när vi pratar om något av förbunden specifikt, eller när de fyra färgerna kanske kan upplevas störa övrigt innehåll. I sådana fall fungerar mönstret väldigt bra att användas ton i ton. För att använda mönstret på detta sätt använder vi endast en färg på mönstret och en bakgrundsplatta i samma färg men i 80% opacitet. Se exempel på följande sidor. Storlek För att skapa en enhetlig känsla är det att föredra om mönstret håller ungefärliga proportioner på samtliga delar som produceras ut - använd de satta mallarna som en utgångspunkt för mönstrets storleksproportioner. Lekfullt Tanken är att mönstret ska vara ett levande och organiskt verktyg, och något som får utvecklas över tid. Huvudsaken är att det känns sammanhållande att det finns ett tydligt släktskap tillbaka till grundmönstret.
Alla förbund representerade - med samtliga blå nyanser
UNF-blå - med bakgrundsplatta i 80% opacitet
IOGT-NTO-blå - med bakgrundsplatta i 80% opacitet
JUNIS-blå - med bakgrundsplatta i 80% opacitet
NSF-blå - med bakgrundsplatta i 80% opacitet
Ramar Tillsammans med mönstret använder vi oss av ramar för att förstärka vårat visuella uttryck. Ramarna kan fungera som bärare för både text och foto. De är ett bra komplement till mönstret då de ger en inramning till det som skall kommuniceras (i text eller foto) utan att tydligheten skall behöva ge vika. Vad gäller färg och tjocklek på ramens kant beror det på vilket helhetsutryck som eftersträvas - utgå från mallarna så har du en bra måttstock. Längst bak i denna guide finns fler exempel utgjorda på olika användningsområden hur ramarna kan appliceras.
Bildspråk IOGT-NTO-rörelsens bilder är en viktig del av vår kommunikation. De ger oss möjlighet att föra fram ett budskap och att förmedla en känsla. Tänk i budskap och inte bara i bilder. Vad ska bilden och texten säga tillsammans? Gemensamt för vårat bildspråk är känslan av att något sker, en rörelse. Det knyter an till vårat namn och skapar en känsla av fart i det vi kommunicerar. Vi undviker att publicera bilder på människor i utsatta situationer (exempelvis i sorg, smärta, missbruk eller fattigdom). Vi undviker även bilder på anonyma människor som kan bli igenkända. Vid användning av bilder på barn eller socialt utsatta människor ska extra hänsyn iakttas. Vid dessa tillfällen bör en konsekvensbedömning göras av publicering av porträttbilder och/eller personens fulla namn. 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. Allt bildmaterial ska följa lagen om upphovsrätt. Det innebär bl.a. att fotografen ska nämnas i möjligaste mån.
Exempel På följande sidor visas några olika exempel på hur vår grafiska profil används. Vid formgivning och layout ska användarvänlighet och tydlighet alltid tas i första åtanke. Vid tryckproduktion är det även bra att tänka in kostnad (i val av färger, papper, format tex.). Tillämpningarna bygger på de byggstenar för den visuella identiteten som presenterats tidigare i guiden. Använd mallar i den mån det går för internt bruk. Innehåll och utförande är på en skissnivå vilket betyder att exemplena kan komma att ändras beroende på innehåll, mängd text, kampanjer etc. Se exemplen som ett organiskt material som kommer växa fram och få mer bestämda former allt eftersom profilen arbetas in med tiden.
Diplom - Beroende på vad/vem/vilka diplomet ska gå till kan det vara bra att väga av om det är mönstret eller bara en färgad bakgrund som skall användas.
Insamlingsbrev - En bra sak att tänka på innan layoten sätts är mängden innehåll - för mycket text uppfattas oftast svårläst och stor risk finns att mottagaren har svårt att ta till sig innehållet. Detta är en enkelt utförd skiss hur en dubbelsidig A4 skulle kunna se ut, där exempelvis mönster på baksida kan vara ton i ton och tryckas i enbart svart för att dra ned på tryckkostnader. Utseendet bör självklart ändras och stämma överens beroende på kampanj.
Brev - Innehåll och/eller mottagaren bör tas i aktning vid utförandet av brevet. Vi vill i största möjliga mån sätta vår IOGT-NTO-rörelsen-prägel på allt vi gör, men ibland kanske mönster eller färg känns för mycket i konfligt med mottagaren. Då kan det vara en god idé att förutom typsnitt och logotyp, enbart använda ramen som grafiskt element.
Annons - Hur en annons utformas måste helt bero på innehåll, format och vad för känsla vi vill förmedla. Det finns ingen satt form men exemplen nedan visar på några formidéer som som är enkla att applicera på olika sorters innehåll.
Signatur - Om brödtexten är skriven i Georgia är det en god idé att i störtsta möjliga mån sätta avsändaren i vårt identitetstypsnitt Archivo Narrow, för att särskilja uttseendet från den övriga texten. I mailen kan dock inte denna regel följas jämt då det kräver att även mottagaren måste ha använda typsnittet installerat, internt kommer det alltså fungera, men inte externt.
Web - Exemplerna är menade att visa på layout och känsla snarare än innehåll och/eller tekniskt utförande.