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.
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!
Innehåll
> Logotyp
> Typografi
> Färger
> Mönster
> Ramar
> Bildspråk
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-NTO- movement.
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.
Det är inte tillåtet att göra ändringar i logotypen.
OBS!
Internationell logotyp kommer i januari 2016
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ärn- ingar 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.
AaBbCc 1234567 AaBbCc 1234567
Archivo Narrow – Identitetstypsnitt – Rubrik
“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.”
“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.”
Georgia – Brödtext
Identitetstypografi
RUBRIKER, INGRESSER OCH KORTARE TEXTER
Archivo Narrow Bold lämpar sig utmärkt för bildtexter, adresser, pagina, bylines, tabel- ler, 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.
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890
Archivo Narrow Bold – Rubriker, ingresser och kortare texter.
Archivo Narrow Bold Italic – Används sparsamt för att lyfta fram enstaka ord.
Archivo Narrow Regular – Rubriker, ingresser och kortare texter.
Archivo Narrow Italic – Används sparsamt för att lyfta fram enstaka ord.
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.
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö
1234567890
Georgia Bold – Kortare texter och för att lyfta fram något i en längre brödtext.
Georgia Bold Italic – Används sparsamt. För att lyfta fram något i en kortare text.
Georgia Italic – Används sparsamt. För att lyfta fram något i en kortare text.
Georgia Regular – Brödtext.
Fä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 - helhets- intrycket ska dock generellt alltid upplevas blått.
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.
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.
UNF-Blå Pantone 306 CMYK 75 / 0 / 7 / 0
RGB 0 / 185 / 229
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
Svart Pantone Black CMYK 0 / 0 / 0 / 100
RGB 0 / 0 / 0 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
Huvudfärger
Accentfärger
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 produc- eras ut - använd de satta mallarna som en utgångspunkt för mönstrets storlekspropor- tioner.
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 komple- ment 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 efter- strä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är- ta, 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 funk- tionsfö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.
