IOGT-NTO:S VISUELLA IDENTITET

Transkript

1 IOGT-NTO:S VISUELLA IDENTITET

2 Hej! I den här manualen beskriver vi vår visuella identitet. Den ger oss riktlinjer för hur vi tillsammans skapar en stark och värdeladdad profil som kommunicerar våra känslor och värderingar. Alla vi som arbetar inom IOGT-NTO, såväl medlemmar som anställda, bidrar till att bygga bilden av vår organisation. Hur vi svarar i telefon är med andra ord minst lika viktigt som hur ser ut i vår grafiska kommunikation. En stark visuell identitet har ett unikt formspråk. Det handlar om hur vi ser ut och vad vi förmedlar med designen. Därför är det viktigt att vi ser lika ut i alla kanaler. Genom att vara konsekventa blir vi mycket starkare och tydligare.

3 Logotyp Logotypen är en viktig del i vår visuella identitet och är den symbol som är ett av våra främsta kännetecken. Logotypen ska därför hanteras varsamt och konsekvent. Vår logotyp baseras på en äldre version som vi använde oss av under mitten av 1900-talet. Det är en snäll logotyp som utstrålar de värden vi står för: nykterhet, gemenskap och påverkan samt förmedlar känslan av värme och stöd. Globen representerar vår internationella verksamhet och ordbilden är inbyggd i logotypen för att förstärka känslan av gemenskap.

4 Logotyp användning För att vårt visuella uttryck ska vara tydligt och konsekvent finns några enkla regler att följa. Färg: vi använder helst IOGT-NTO:s blå färg på benvit bakgrund eller bild, förutsatt att logotypen är läslig. Den svarta och benvita logotypen används sekundärt på färgad bakgrund eller på en bild när blått inte fungerar. Logotypen bör i största möjliga mån centreras. Vi ändrar aldrig form på logotypen eller placerar den så att den beskärs. Vi krymper aldrig logotypen så att ordbilden blir oläslig. Minsta storlek i tryck är 13,5 mm. Logotypen ska alltid omges av en frizon. Inom frizonen får inga andra objekt, som till exempel adressuppgifter, logotyper eller andra grafiska element, placeras. Rätt Blå logotyp Svart logotyp Bakgrundsfärgad logotyp Frizon Centrerad Fel Logotypen får inte vinklas, förvrängas eller beskäras Denna logotyp är för liten Annan färg får inte användas

5 Typografi Typografin är viktig för vår identitet och har till uppgift att vara både funktionell och profilbyggande för vår organisation. Det typografiska uttrycket består av tre delar: rubriktypsnitt, typsnitt för underrubriker och typsnitt för brödtexter. Abc

6 Typografi/rubriktypsnitt Rubriktypsnittet vi använder heter Berthold Aksidenz Grotesk Medium Condensed Italic och sätts versalt i 13 graders lutning för att ge IOGT-NTO dess unika typografiska uttryck. Akzidenz-Grotesk är ett grotesque (tidigt sans-serif) typsnitt som lanserades av H. Berthold AG type foundry år Detta väldesignade typsnitt var den första sans-serifen som användes i stor skala över hela världen och har kommit att influera många andra typsnitts utformning genom åren. Typsnittet har ett relativt stort avstånd mellan bokstäverna varför vi kernar (minska avståndet) något mellan tecknen. Rubrikerna är alltid vänsterställda och sätts i 13 graders lutning för att uppnå lodräta staplar i bokstäverna. Se skissexempel i slutet av dokumentet för att se hur typsnittet ska användas. ABC ABC

7 Typografi/underrubriker & brödtext Underrubriker och brödtext skiljer sig från rubriktypsnittet. För underrubriker använder vi Berthold Aksidenz Grotesk Condensed och för brödtext använder vi Georgia. Georgia har ett vänligt uttryck och designades 1993 av Matthew Carter för Microsoft för att komplettera deras hustypsnitt Verdana. Georgia så väldesignat att det passar för både tryck och digitala medier. Några enkla regler att följa: Textblocket bör ha bekväma marginaler på båda sidor. Brödtexterna bör ha maximalt 7 10 ord per rad för bästa läsbarhet. Använd ett radavstånd för att skilja paragraferna från varandra. Texterna ska alltid vara vänsterställda. Se skissexempel i slutet av dokumentet för att se hur typsnitten ska användas. Aabcdefgh Brödtext am euguerat utatio odolobor ing elit irit la faci erit veliquat nulluptat laorpercing ex enibh essit acil ut ver sisis adigna feum quam adion ut ipsusti ssectem nullandre dolortin eff bo ulluptat. Boreratuer suscilit lore dolorem velestin euip it non hendreet amet aute mincipsum vel it veliquipit nostrud magniamet la aut lamet, vulla conullandrem zzriureet aliquismod exero cor sismole ssequam consed dit ipit ip er sit nulpute digna commy num quat. Duipsum zz ril in vel etue dolor in vullum zzrit praeseniam, quate vero eui blamcortin ut wis nit lorperosto odignisit iriuscinim volorer irit lam, suscipisl ute eu feu facidunt irit venit bo wissisi. Underrubrik & brödtext

8 Färger Färgerna i vår visuella identitet är enkla och tydliga. Färgkombinationen skapar vårt speciella uttryck och tillför vår profil en känsla av värme. Vi delar in våra färger i tre kategorier: primärfärg, sekundärfärg och kompletteringsfärg. Vår primärfärg är en unik blå nyans som vi kallar för IOGT-NTO Blå. Sekundärfärgerna är off white (som används som bakgrundsfärg) och svart. Kompletteringsfärgerna används som accenter, till exempel i tabeller, diagram och illustrationer. Förutom de fyra rekommenderade färgerna kan paletten utökas under förutsättning att de harmoniserar med den primära (profilbyggande) färgpaletten. Se skissexempel i slutet av dokumentet för hur färgerna kan användas. Primärfärg Sekundärfärger Kompletteringsfärger IOGT-NTO Blå PMS 7459 U PMS Process Black U Bakgrundsfärg PMS 397U PMS 269U PMS 143U PMS 115U Munken Print Cream RGB 255, 255, 240

9 Material Materialvalet, till exempel papperskvalitet för trycksaker, är lika viktigt för vår identitet som de övriga delarna. Här kommer några enkla regler att följa när det gäller bakgrund och material. Använd alltid obestruket papper eftersom det ger en känsla av värme och kvalitet som inte bestrukna papper har. Vi rekommenderar Munken Pocket Cream för trycksaker som broschyrer och Munken Print Cream (300g/m²) för trycksaker som visitkort, korrespondenskort, diplom etc. Använd alltid papper med en färgton i off white. Använd alltid en varm vit färgton (RGB 255, 255, 240) som bakgrund i digitala medier och på webben. Se även skissexempel i slutet av dokumentet.

10 Bildspråk Vi använder oss av ett tydligt bildspråk för att stödja och förstärka våra budskap och för att profilera vår organisation genom att särskilja oss från mängden. Bildspråket går helt i linje med de övriga delarna i vår visuella identitet och förmedlar våra kärnvärden nykterhet, gemenskap och påverkan. Vi arbetar med både illustrationer och fotografier men fokuserar i första hand på imagebyggande illustrationer.

11 Bildspråk/illustrationer I vårt primära bildspråk använder vi illustrationer som ger oss ett personligt grafiskt uttryck och tillför vårt varumärke en lättsamhet. Våra kompletteringsfärger eller färger som harmoniserar med vår färgpalett ska användas i illustrationerna. Illustrationerna ska i största möjliga mån användas utfallande. Illustratören Dan Berglund har rätt estetisk och en lättsam framtoning som passar väl in i vår visuella identitet. Se även skissexempel i slutet av dokumentet för att se hur vi använder illustrationer.

12 Bildspråk/fotografier Det finns tillfällen då vi vill dokumentera vår verksamhet med hjälp av fotografier, till exempel för att porträttera medlemmar, skildra aktiviteter eller där illustrationer helt enkelt inte kan användas. Fotografier ska vara svart/vita, ha tydlig skärpa och hög kontrast och ska i största möjliga mån användas utfallande. Vi använder aldrig fotografier på omslag, affischer eller dylikt. Vid sådana tillfällen arbetar vi istället med illustrationer eller med grafiska element och typografi. Se skissexempel i slutet av dokumentet.

13 Grafiskt element Ett grafiskt element i form av en romb är ett av våra identitetsskapande verktyg. Romben används i 13 graders lutning i samband med en rubrik, till exempel på omslag av en trycksak eller på vår webbsida när man vill dra uppmärksamhet till ett särskilt ämne. Detta grafiska element bör inte användas i samband med illustrationer eller fotografier utan endast när man uteslutande använder ett typografiskt manér. Vi ser romben som en av alla delar i den grafiska verktygslådan ; den bör inte användas för ofta och bara när man tycker att det passar. Se skissexempel i slutet av manualen.

14 Alla delar (verktygslåda) ABC Aabcdefgh Brödtext am euguerat utatio odolobor ing elit irit la faci erit veliquat nulluptat laorpercing ex enibh essit acil ut ver sisis adigna feum quam adion ut ipsusti ssectem nullandre dolortin ulluptat. Boreratuer suscilit lore dolorem velestin euipit non hendreet amet aute mincipsum velit veliquipit nostrud magniamet la aut lamet. Logotyp Rubriktypsnitt Mellanrubrik och brödtext Grafiskt element Illustrationer Fotografier Färger

15 Skissexempel Följande sidor visar skissexempel på hur IOGT-NTO:s visuella identitet kan se ut.

16 Skissexempel/stationary IOGT-NTO Box12825 Stockholm Pernilla Förnes, Kreativt Ansvarig IOGT-NTO Box Stockholm Telefon Mobil E-post: IOGT-NTO Box Stockholm Telefon E-post:

17 Skissexempel/diplom/minnesbrev TILL MINNE AV HAR MOTTAGIT EN GÅVA AV

18 Skissexempel/flagga/vepa/matta/väska

19 Skissexempel/trycksak Rätt Fel HUR FÅNGAR VI NYA MEDLEMMAR? HÄR KOMMER VI HUR FÅNGAR VI NYA MEDLEMMAR? Affisch eller omslag typograferad Affisch eller omslag Vi använder aldrig fotografier med grafiskt element med illustration på affischer och omslag Aabcdefgh Brödtext am euguerat utatio odolobor ing elit irit la faci erit veliquat nulluptat laorpercing ex enibh essit acil ut ver sisis adigna feum quam adion ut ipsusti ssectem nullandre dolortin ulluptat. Boreratuer suscilit lore dolorem velestin euipit non hendreet amet aute mincipsum velit veliquipit nostrud magniamet la aut lamet, vulla conullandrem zzriureet aliquismod exero cor sismole ssequam consed dit ipit ip er sit nulpute digna commy num quat. Duipsum zzril in vel etue dolor in vullum zzrit praeseniam, quate vero eui. Brödtext am euguerat utatio odolobor ing elit irit la faci erit veliquat nulluptat laorpercing ex enibh essit acil ut ver sisis adigna feum quam adion ut ipsusti ssectem nullandre dolortin ulluptat. Boreratuer suscilit lore dolorem velestin euipit non hendreet amet aute mincipsum velit veliquipit nostrud magniamet la aut lamet, vulla conullandrem zzriureet aliquismod exero cor sismole ssequam consed dit ipit ip er sit nulpute digna commy num quat. Duipsum zzril in vel etue dolor in vullum zzrit praeseniam, quate vero eui. Brödtext am euguerat utatio odolobor ing elit irit la faci erit veliquat nulluptat laorpercing ex enibh essit acil ut ver sisis adigna feum quam adion ut ipsusti ssectem nullandre dolortin ulluptat. Boreratuer suscilit lore dolorem velestin euipit non hendreet amet aute mincipsum velit veliquipit nostrud magniamet la aut lamet, vulla conullandrem zzriureet aliquismod exero cor sismole ssequam consed dit ipit ip er sit nulpute digna commy num quat. Duipsum zzril in vel etue dolor in vullum zzrit praeseniam, quate vero eui.tuer aliquatem nosting eugiam num lla feugue magna adipsustis nummolore mod dolor sed dolore vulla amconse. Inlaga

20 Skissexempel/webb Om IOGT-NTO Bli medlem Fakta & argument Rådgivning & stöd IOGT-NTO i Sverige Kontakt Medlemssidor Press Butik Lediga jobb Sober Förlag Tidningen Accent BLI MEDLEM UTBILDNIGAR SOBERNET TÄNK OM WebsiteAcip esequis augiat. Obor sit diam, vel doloborem augiat vullam, ver sequat. Ignibh exercil duip euipsummod modolorperos num dolesse niamcore estie magnit prat il del il ut del iliscincidui eu faci blandre rcillam conulput augaitsecte dunt illa feumsan ute dipis num non ut digna feuguerit alit ut ute faccum doluptatis nulla consed dolobore consequissi blaor in hent verci bla facinciduis ad tincipit prat ea faccum quisit adignim illa faccummy num zzrili Pressmeddelanden Nyheter Kalendarium WebsiteAcip esequis augiat. Obor sit diam, vel doloborem augiat vullam, ver sequat. Ignibh exercil duip euipsummod modolorperos num dolesse niamcore estie magnit prat il del il ut del iliscincidui eu faci blandre rcillam conulput augaitsecte dunt illa feumsan ute dipis ALKOHOLFRITT