ARBETARNAS BILDNINGSFÖRBUND GRAFISK MANUAL

ARBETARNAS BILDNINGSFÖRBUND GRAFISK MANUAL

Varför en grafisk manual? Den här grafiska manualen innehåller rikt linjer för hur ABF som organisation presenterar sig och har tagits fram som ett stöd i arbetet med att återspegla vår verksamhet och att stärka bilden av vår organisation. ABFs identi tet är mer än bara en logotyp. Den är en samman sättning av element som tillsammans skapar ett karaktäristiskt grafiskt språk som i sin tur skapar och förmedlar en bild av oss. Allting vi producerar och levererar säger någonting om oss. Hur en bild är fotograferad, hur ett dokument ser ut samt hur vi som arbetar på ABF representerar oss själva. Syftet med manualen är att underlätta i arbetet med att nå ut till så många som möjligt med vår verksamhet. Med en enhetlig profil blir det lättare för mottagaren att känna igen oss. Vår tonalitet ska vara ett igenkänningstecken som ramar in budskapet och förmedlar essen sen av våra värderingar för att skapa ett förtroende hos de människor som vi når, och vill nå ut till, med vår verksamhet. När ska manualen användas? Manualen ska användas i allt material som produceras och används externt av ABF. Arbetsdokument och interna dokument som ej sprids utanför organisation kan avvika från manualen. ABFs vision ABF ska vara Sveriges ledande studieförbund genom att påverka samhällsutvecklingen, mot verka klassamhället och stärka folkrörelserna. ABFs slogan Gör en annan värld möjlig sammanfattar visionen. Visionen anger riktningen i vårt kommunikationsarbete. ABFs kommunikation ska utstråla fyra kärnvärden: Engagerande Tar ställning Inspirerande ABF är människor som växer tillsammans och driver förändring. Tillsammans gör vi en annan värld möjlig! LÄS MER Läs mer i vår kommunikationsstrategi (Inloggnings uppgifter krävs, fullständig adress på sid 13.) 2

LOGOTYPEN utfall logotyp för placering utfallande, upptill synlig yta Logotyp med namn Vid tillfällen då vi vill förtydliga vad förkortningen ABF står för, till exempel då vi vill markera vår identitet eller i sammanhang där vi inte är välkända, kan logotyp med namnet utskrivet under användas. Arbetarnas Bildnings förbund skrivs versalt, centrerat under logotypen på en eller två rader. Framsida respektive baksida av trycksak: ABFs huvudlogotyp är märket (cirkeln med bokstäverna ABF) i vitt på en röd rektangulär platta. Vår logotyp finns med som avsändare i allt vårt kommunikativa material. Logotypen får inte manipuleras. Använd godkända filer som är anpassade för det du ska använda dem till. Ladda ned logotyper (Inloggnings uppgifter krävs, fullständig adress på sid 13.) I undantagsfall kan omvänd variant med ABF-märket i toppen användas när logotypen placeras i nederkant av tryckt material. Avdelningsnamn Eventuellt avdelningsnamn är centrerat ensamt under logotypen eller under det utskrivna namnet. Avdelningsnamnen skrivs även de versalt men i tunnare skärning. Framsida respektive baksida med avdelningsnamn: Logotyp utan platta används på baksidor samt inlagor på tryckt material. UPPSALA NORRA VÄRMLAND Logotypens färgvärden RÖD: CMYK: 0,100,100,6 Pantone: 1975U SVART: CMYK: 40,20,20,100 Pantone: BlackU Loggan får inte vara mindre än 10 mm bred. NORRA VÄRMLAND UPPSALA Fontstorleken på namn och avdelningsnamn är förbestämd och alltid konstant i förhållande till symbolstorleken. Använd alltid de logotyporiginal som finns att ladda ned. Utskrivet namn: TRADE GOTHIC BOLD Versaler Avdelningsnamn: TRADE GOTHIC REGULAR Versaler 3

Placering av logotyp Huvudregeln är att logotypen placeras utfallande i formatets övre vänstra hörn, det gäller även digitala media. Det skapar konse kvens men gör också att logotypen blir synlig i till exempel broschyrställ. För att logotypen ska framgå tydligt bör den alltid pla ce ras mot kontrasterande bakgrund. Om logotypen hamnar mot en bakgrund där den inte syns tydligt ska inte logotypen flyttas, det är bakgrunden som ska justeras. Tänk på att logotypen på trycksaker ska ha 3 millimeter utfall. För material som skrivs ut på laser skrivare, ta hänsyn till att skrivaren klipper av några millimeter runt om. Utfall Plattans höjd ovanför symbolen ska motsvara bredden av bokstäverna A och B. Bredd A+B = plattans synliga höjd ovanför symbolen Rekommenderade minimistorlekar och avstånd på standardformat A B Framsida A = avstånd från vänster B = logotypens bredd A4 A: 12,5 mm B: 30 mm A5 A: 10 mm B: 25 mm A6 A: 6 mm B: 20 mm Minsta tillåtna friyta Logotypen ska alltid omges av en fri yta där inga andra element får finnas. C = logotypens bredd D = avstånd från underkant Baksida A4 C: 24 mm D: 18 mm A5 C: 22 mm D: 15 mm A6 C: 20 mm D: 9 mm C D 4

Logotype undervarumärken Logotyp för verksamheter som ägs av ABF men saknar egen särskiljande identitet, till exempel ABF VUX. Bolagens namn skrivs ut till höger om eller under den ordinarie ABF logotypen. Att lägga till avdelningens namn, till exempel Göteborg, är valfritt. VUXENUTBILDNING GÖTEBORG VUXENUTBILDNING GÖTEBORG VUXENUTBILDNING GÖTEBORG VUXENUTBILDNING GÖTEBORG Projekt med egen grafisk profil Projekt inom ABF med en egen grafisk profil använder sin logotyp som huvudavsändare. ABF-logotypen med texten Projekt X är en del av ABF ska alltid finnas med som avsändare i fotnoten på baksidan av broschy rer och annat kommunikationsmaterial. Framsida DIY är en del av ABF Baksida Samarbeten I samarbeten med ett eller flera andra företag /organisationer där alla varumärkena är likvärdiga avsändare placeras logotyperna bredvid varandra i samma storlek med ett särskiljande lodstreck. Är någon av varumärkena tongivande avsändare eller ägare av projektet läggs denna logotyp först. Placeringen på trycksaker behöver inte följa huvudreglerna, logotyperna kan placeras där de passar bäst. Förslagsvis på trycksakens baksida. 5

FÄRGER Huvudfärg och sekundärfärger ABFs röda färg är huvudfärg och den bör finnas med som signal i allt material. Huvudfärgen används i vår logotyp men kan också användas i färgplattor och typografi. # d80811 0 100 100 6 Huvudfärgen kompletteras av en mörkare röd kulör samt två varmgrå toner, den ljusa fungerar bra i textplattor. # a50d1e # f2f0ef 216 8 17 Pantone 1795U # bfb4aa Accentfärger Här nedan ges fem färgförslag. Dessa kan tonas mörkare genom att man blandar i svart eller spädas ut till ljusare ton lämplig för textplattor. Tänk dock på att ingen ingående delfärg får vara mindre än 4 %, då blir rasterpunkten för liten för att vara tryckbar. Accentfärger ska väljas så att de harmonierar med övriga element i sammanhanget. Sträva alltid efter rätt kontrast för god läsbarhet. # 821f81 # 671565 # f0e9f4 131 31 130 60 100 0 0 103 21 101 Med svart 60 100 0 30 241 233 245 10 % ton = 6 10 0 0 166 13 31 0 100 80 35 242 241 240 6 5 6 0 191 180 171 30 28 32 0 # e5006d # b10054 # fadbe5 229 0 109 0 100 20 0 177 0 85 Med svart 0 100 20 30 251 220 229 20 % ton = 0 20 4 0 Färgsystem för tryck CMYK (Eurocolor/Europaskalan)/CMYK) är en kombinationskod för hur de fyra grundfärgerna cyan, magenta, gul och svart ska blandas. CMYK används vid färgtryck av exempelvis broschyrer och tidningar. PMS (Pantone Matching System) är en kod för en färdigblandad färg. PMS används i huvudsak vid tvåeller tre-färgstryck på visitkort, brevpapper eller annat kontorstryck. # ef7c00 # d47000 #feeddd 239 105 0 0 60 100 0 212 112 0 Med svart 0 60 100 10 249 237 221 15 % ton = 0 9 15 0 # 009aa3 # 00817f #dff1f6 Färgsystem för skärm RGB (Red, Green, Blue) är ett färgsystem för publi cering på skärm, t ex i PowerPoint eller andra presentationsprogram. 0 155 164 100 0 40 0 0 129 127 Med svart 100 0 40 30 224 241 243 15 % ton = 15 0 4 0 Färgsystem för webben HTML (Hyper Text Markup Language) är det språk som används på Internet. RGB-färgkoden för en skärmbild översätts till html-kod i hexadecimala tal vid publicering på Internet. Anges med # framför och koden och står under rgb-färgkoden i färgruteredigeraren i InDesign eller Photoshop. # aab400 # 788200 # edefd4 170 181 0 30 0 100 30 121 130 0 Med svart 30 0 100 50 238 239 213 15 % ton = 4 0 15 0 6

TYPOGRAFI Vi skiljer mellan typsnitt för extern och intern kommunikation. Extern kommunikation inkluderar exempelvis annonser, broschy rer, trycksaker med mera och intern kom munikation inkluderar korrespondens via exempel vis brev, PM, fax och digitala presentationer. Ladda ned typsnitt för extern kommunikation (Inloggnings uppgifter krävs, fullständig adress se sid.) Externa typsnitt: Trade Gothic bold Trade Gothic light Trade Gothic regular Trade Gothic bold 2 Trade Gothic är ett typsnitt med många skärningar och ett brett användningsområde. Kan användas till rubriker, ingresser, mellanrubriker och andra kortare texter. Använd främst de fyra skärningarna ovan: Bold, Light, Regular och Bold no 2. Tänk på att justera avstånden mellan tecknen i rubrikstorlek, annars blir ordbilden för gles. Charter Charter är ett modernt seriftypsnitt som passar utmärkt för löpande text. Använd skärningen Regular för löpande text och övriga skärningar för utmärkningar. Använd hellre fet stil för att markera ord. Kursiv stil bör undvikas. Belizio Belizio är ett mekanliknande typsnitt som passar bra som komplement i citat och typo grafiska detaljer. Belizio kan med fördel användas i accentfärgerna. Observera att Belizio endast finns som licenstypsnitt. Charter Regular Charter Regular italic Charter Bold Charter Bold Italic Belizo, Medium, 10 pt Trade Gothic Regular,10 pt AaBbCcDdEeFfGgHhIiJj KkLlMmNnOoPpQqRrSs TtUuVvXxYyZzÅåÄäÖö 0123456789!#%&/()?*:; Den första skärningen av Trade Gothic designades av Jackson Burke 1948. Trade Gothic ses ofta i reklam och multimedia i kombination med seriftypsnitt och är populär i tidningsbranschen för rubriker. ABF / AaBbCcDdEeFfGgHhIiJjKkLlMm NnOoPp QqRrSsTtUuVvUuXxYyZzÅåÄäÖö 0123456789!#%&/()?*:; Charter är designat av Matthew Carter. Typsnittet släpptes 1987 och har tre viktiga egenskaper: kompakt bredd för att ge ekonomiskt copyfit, generös höjd för att ge läsbarhet i små punktstorlekar och stadiga öppna bokstavsformer som ger tillförlitlig reproduktion. Interna typsnitt: Arial Adobe Garamond Pro Dessa typsnitt används endast för intern korrespondens via exempelvis brev, PM, fax och digitala presen ta tioner. De finns installerade i alla system och på alla datorer vilket underlättar hanteringen av denna typ av dokument. 7

Text ska utformas för att förmedla innehållet till läsaren på bästa möjliga vis och görs därför olika för olika texter. Här har vi sammanfattat några grundläggande typografiska normer för god läsbarhet. Textstorlek Storleken anpassas för läsargrupp och miljö. Generellt gäller att man bäst läser det man är mest van att läsa. Riktlinjer kan vara 9 punkter för tidningar, 10 12 punkter för broschyrer etc. Radavstånd Avståndet mellan raderna bör vara minst 120 % av textstorleken. Större radavstånd gör inte nödvändigtvis texten mer lättläst och kan inte kompensera en för liten textstorlek. Stor spaltbredd kräver större textstorlek och radavstånd och vice versa. Spaltbredd Raderna ska vara lagom långa, sträva efter 40 60 tecken för vanliga textstorlekar. Und vik fler än 75 tecken per rad. Tips för god läsbarhet Använd inte radlayout med jämn vänster och högermarginal när spaltbredden är mindre än 40 tecken. Det ger gluggiga, fula och svårlästa texter. Felaktiga avstavningar ska efterjusteras. Rubriker radbryts språkligt och ska helst inte avstavas. Använd fet stil främst för utmärkningar. Text eller rubriker med enbart versaler ska användas mycket sparsamt. Så här kan en standardsättning se ut: Malorum ciero Lorem ipsum aut, eaque ipsa quae ab Excepteur sint occaecat cupidatat non dent, sunt in culpa qui officia deserun mollit anim id est laborum. Delesti ad molorumet dolent. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Labore et dolore Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Orumquas nistrum eosantur aut as eos sitatis volor rem ea di aut ma qui conse laborum endias excerum etur? Överrubrik: Trade Gothic Light 16 pt Rubrik: Trade Gothic Bold 36 /37 pt Ingress: Charter regular 14 /17 pt Veniam, quis nostrud exer citation ullamco laboris ut. Citat: Belizio Medium 12 /15 pt Mellanrubrik: Trade Gothic Bold 13 pt Brödtext: Charter Regular 10,4/14 pt 8

BILDER & GRAFIK Bildmanér Bilder är en viktig del av ABFs grafiska kommunikation. De bilder som används ska stödja och förstärka vårt budskap att ABF är en mötesplats för alla. Tumregeln är glada bilder med människor i fokus. Sök gärna i vårt centrala bildarkiv då du har behov av foton. Verksamhetsbilder ska helst vara i färg medan porträttbilder med fördel kan vara svartvita. Logga in i ABFs bildbank (Inloggnings uppgifter krävs, fullständig adress på sid 16.) FOTO: MATTIAS VEPSÄ Dokumentera! Det är viktigt att vi dokumenterar lokala verksamheter för att kunna visa allt det intressanta arbete som ABF bedriver runt om i landet. Det behövs ingen märkvärdig kamera, idag har många mobiler hyfsade kameror som ger bra bildkvalitet. Tänk på att ställa in kameran/mobilen på högsta upplösning så att de bilder ni tagit eventuellt kan användas för tryck. Jpeg-filer för tryck bör vara minst cirka 1 2 mb. Glöm inte tillstånd för bilderna. Du som ABFanställd ansvarar för att kontrollera upphovsrätten för de bilder du använder. Det är ABF-avdelningen som får stå för eventuella kostnader om bilder används felaktigt. 9

Informationsgrafik Tabeller och andra typer av informationsgrafik skall utformas med färgplattor utan toningar eller effekter. 25 20 15 10 5 0 2008 2009 2010 2011 2012 2013 2014 100 80 60 40 20 0 Jan Feb Mars Apr Maj Jun Jul Linjer och ramar ska vara tunna och fungera som stöd, inte dominera över innehållet. Här är några exempel med våra accentfärger. Hallonsylten innehöll mindre än hälften hallon vatten socker hallon 10 % 40 % 20 % 30 % äppelmos 45% 20 % 35% Fråga 6. Vill du delta i en ABF-cirkel? Ja Nej Deltar redan 10

FORMAT & GRID Formatval ABF använder i första hand A-format för trycksaker som broschyrer och rapporter, det finns färdiga mallar för A4 och A5. De fungerar även bra för pdf-mate rial som laddas ner och skrivs ut lokalt på skrivare. Det är dock fritt att nyttja andra format om man anser det motiverat. Grid Grid är det osynliga rutnät av stödlinjer som definierar marginaler och satsyta på ett uppslag. Griden bestäms av ett dokuments grundinställ ningar men kan anpassas i dokumentet som även kan rymma alternativa mallsidor som i exemplet nedan, A4. titel 30 mm studiehandledning 15 mm 40 mm A4 Mallsida A A4 Mallsida B 7 mm 76 mm 76 mm 110 mm 5 mm 38 mm 38 mm x =15 y = 282 A 32 mm A Satsytor och proportioner A4-formatets möjliga satsbredd skulle ge alltför långa rader för text i brödtextstorlek. Idealisk radbredd är ungefär så brett som det är mellan ögonen. Därför bör satsytan brytas upp, endera som en huvudspalt med en smalare ytterspalt avsedd för faktarutor, citat eller lik nande, eller i två jämnbreda spalter (se förslag på mallsidor ovan och till höger). Vilken mo dell man väljer styrs av vad som är lämpligast för materialet. Mallsidorna kan också kombi neras i ett dokument. A5-formatet lämpar sig bäst för en spalt text. Ta hänsyn till skrivarmarginaler eller trycksakers bindning så att inget faller bort. xx A5 20 mm 25 mm 25,5 mm 98 mm 22 mm xx 11

TONALITET Tonen i text, tal och bild bygger mottagarnas syn på ABF vad vi gör och vad vi står för. För att få största möjliga effekt i kommunikationen är det viktigt att allt som ABF kommunicerar utstrålar samma värderingar och ger samma slags känsla. När kommunikationen spretar för mycket blir intrycket osammanhängande. ABF är tillgängligt, och det behöver synas i vår kommunikation. Ett tydligt och begripligt språk som sätter deltagare i centrum för verksamheten är ett sätt att nå dit. Därför är det viktigt att använda ord som ligger nära människors vardag. Det ökar känslan av att ABF är relevant och tillgängligt. ABFs kommunikation ska utstråla fyra kärnvärden: Engagerande Tar ställning Inspirerande ABF är människor som växer tillsammans och driver förändring. Engagerande ABF signalerar engagemang och vilja till samhällsförändring. ABF utstrålar också att vår verksamhet är en plats där engagemang tas tillvara och får växa tillsammans med andra. Ett sätt att visa detta i handling är att fånga upp aktuella frågor i lokalområdet och snabbt omsätta detta i verksamhet. Det kan vara en ny studiecirkel i x, eller ett öppet samtal om y. Berätta om det ni gör för lokalmedia eller på sociala medier för att på så sätt visa att ABF är både engagerat och en plattform för människors engagemang. Tar ställning Det ska vara tydligt att ABF är ett studieförbund med en stark värdegrund. ABF tar tydlig ställning för alla människors lika värde och rättigheter. ABF vill att de som fått minst ska få mest, och vill motverka klassamhället. ABF tar ställning, är en samhällsförändrande kraft och deltar i samhällsdebatten på olika vis. Inspirerande Genom att synliggöra att ABF erbjuder en mångfald av cirklar och aktiviteter visar vi att ABF är en källa till inspiration och plats att bygga ny kunskap. Kommunikationen ska genomsyras av lusten till lärande tillsammans med andra. Detta går bara att göra genom att bedriva bra verksamhet och låta den verksamheten synas och ta plats, och genom att beskriva verksamheten så att det väcker känslor hos mottagaren. ABF är människor som växer tillsammans och driver förändring Det är människorna som utgör ABF. Människor i våra studiecirklar och aktiviteter, i våra medlemsorganisationer och verksamheter. Vi sätter människors engagemang och kunskapssökande i centrum, och det ska synas i vår kommunikation. Vi ska förmedla vår syn att alla människor bär på en förmåga att utvecklas och växa tillsammans med andra. Därför ska kommunikationen signalera gemen skap och att vi ser och värdesätter varje enskild människa. Vi ska också synliggöra den förändring som drivs av aktiva i ABF. Tillsammans gör vi en annan värld möjlig. 12

FILM Produktion FILMBOLAGET FOTO: JONAS HALLQVIST Vid produktion av film är det viktigt att tänka på hur logotypen ska placeras och eftertexterna se ut för att den ska bli så tillgänglig som möjligt och hålla ABFs tonalitet. Tacka gärna medverk ande i eftertexterna. Vill ni ha med en kontakt adress eller länka till en sida, tänk på att de ska vara knutna till ABF eller till en officiell avsän dare. Tänk på att texten ska vara läsbar, välj vit text mot svart bakgrund, ett tydligt typsnitt är exempelvis Trade Gothic Bold. Logotypen ska placeras överst till höger, använd varianten på röd platta. LÄNKAR TILL RESURSER ABFs bildbank I ABFs bildbank Image Vault finns ett blandat urval bilder tillgängliga för hela organisatio nen. Samtliga anställda på ABF ansvarar för innehållet i bildbanken, d.v.s. att ladda upp bilder och att de bilder som laddas upp får användas. Det är ABF-avdelningen som står för eventuella kostnader om bilder används felaktigt. Bilderna lämpar sig bra för digitala kanaler som webb och Office, och till viss del tryck. Alla med abf-inloggning har tillgång att se ochkunna ladda ner bilder i bildbanken. För att ladda upp bilder och redigara behöver du du redaktörsrättigheter till vårt webbpubliceringssystem, Episerver. Image Vault hittar du här: https://iv.abf.se/ Logotyper, mallar och verktygslåda Från Infobanken kan du ladda ner typsnitt och logotyper, samt mallar för studieprogram, broschyrer, affischer, visitkort, e-postsignatur med mera. Här hittar du även genvägar till annan informa tion som kan underlätta i ditt arbete med kommunikation. Observera att du måste vara inloggad i Infobanken för att komma åt Verktygslådan: https://infobanken.abf.se/stod--service/kommunikation/ ABFs förbundsexpedition Box 522, 101 30 Stockholm Besöksadress: Olof Palmes gata 9, 5 tr Telefon:46 (0)8 613 50 00 E-post:info@abf.se Webbsida: www.abf.se Produktion: Lottie Hallqvist, Graffoto AB, och Jenny Olwan, förbundsexpeditionen. Foto: Claes Herrlander där inget annat anges. Reviderad ABF 2018.111, 13