IMs Grafiska riktlinjer
När bilden av IM blir tydligare syns vi bättre
De grafiska riktlinjerna är till för alla som i något
sammanhang kommunicerar visuellt, i såväl tryckt
som digital form, med IM som avsändare. De ska
inspirera och underlätta arbetet med att kommunicera
IM samtidigt som de bidrar till att ge IM ett enhetligt
grafiskt utseende.
Om du har frågor som rör den grafiska profilen eller
kommunikation i allmänhet är du välkommen att
kontakta Kommunikationsavdelningen (i fortsättningen
förkortat KA).
IMs image, den externa bilden av IM, är summan
av de samlade intrycken som omvärlden har av
vår organisation. Tillsammans kan vi påverka den
bilden och göra den tydligare genom att se till att IM
har en enhetlig och konsekvent genomförd grafisk
profil, så att människor känner igen IM oavsett när,
var eller i vilken form de möter organisationen.
Du hittar IMs grafiska riktlinjer, mallar och mer
information på: www.manniskohjalp.se/grafik
Ett enhetligt utseende stärker IM som varumärke och
ökar vår trovärdighet. En tydlig och sammanhållen
visuell profil sparar både tid och pengar eftersom den
gör att vår kommunikation når fler och får ett större
genomslag hos den målgrupp vi riktar oss till.
Det här materialet innehåller riktlinjer när det gäller de
grafiska byggstenarna i IMs profil: logotypen, färgerna,
typografin, dekorelementen och bildspråket. Vare sig
du är anställd, volontär eller extern formgivare ska
riktlinjerna vägleda dig i den grafiska utformningen.
Lycka till!
INNEHÅLL
Logotyp4
Internationell logotyp
6
Typsnitt8
Färger9
Dekorelement10
Office-dokument12
E-post12
Skrivtips och regler
13
Foto14
Bra att veta om grafisk produktion 15
3
Logotyp
Logotypen är IMs viktigaste kännetecken och ska
finnas med på allt kommunikativt material som har
IM som avsändare.
IMs logotyp finns i ett grundutförande. Den finns
också i en liggande version, denna ska användas
mycket sparsamt. Dessutom har IM en engelsk logotyp
som kan användas i vår internationella verksamhet.
Logotypen utstrålar värme och speglar våra kännetecken medmänsklighet, närhet och hjälp till självhjälp.
Symbolen i logotypen föreställer ett m, medmänniskan,
som omfamnar ett i, individen.
IMs logotyp består av symbol och text tillsammans,
det betyder att symbolen inte får användas ensam.
Förhållandet mellan symbol och text är fastställt och
får inte ändras.
Logotypen ska alltid ha en frizon omkring sig, så att
den syns tydligt (se illustration). Den finns i format som
är anpassade för tryck och utskrifter samt för webben.
Tillverka aldrig en egen IM-logotyp.
Ladda ner logotypen på www.manniskohjalp.se/grafik
eller kontakta KA så skickar vi en till dig.
Logotypen i färg
GRÖN
PMS 362 C
CMYK 70, 0, 100, 10
RGB 65, 153, 50
Websafe #339933
BLÅ
PMS 301 C
CMYK 100, 45, 0, 20
RGB 25, 85, 140
Websafe #006699
Mer information om
färgerna hittar du på
sidan 9.
Den streckade linjen visar minsta frizon
som ska omge logotypen. Frizonen ska
vara minst höjden av ett versalt M, taget
från namnet i logotypen.
Fabriksgatan 2F, Lund
Box 45, 221 00 Lund
Tel 046-32 99 30, fax 046-15 83 09
www.manniskohjalp.se
Logotypen i gråskala
SVART 100 %
GRÅ 30%
Pg 90 07 06-3
Använd alltid logotypen i gråskala
vid utskrift eller tryck i svartvitt.
Den liggande logotypen
ska endast användas då
den stående inte fungerar,
till exempel på grund
av utrymmesbrist.
4
När logotypen används
tillsammans med annan
information ska det se
ut så här.
Så här ska du placera logotypen om bakgrunden är
färgad – på en vit utfallande
(utanför kanten) platta med
rundade hörn, uppe till
vänster, i mitten, eller nere
till höger. Ögat följer automatiskt en diagonal linje
från övre vänstra hörnet
till nedre högra när det
skannar över ett papper.
Foto: Maria Söderborg/IMs bildarkiv
www.manniskohjalp.se
Logotypen finns också tillgänglig med en vit platta bakom.
Vid tryck uppstår det ofta en liten glipa i ytterkanten när man lagt en platta ovanpå en
färgad bakgrund. Om man vill undvika detta kan man lägga en smal vit platta över kanten.
Se till att bredden eller höjden stämmer med logotypens och att du inte täcker logotypen.
Logotypen med platta finns i de fyra versioner du ser nedan.
OBS! Den svarta streckade
linjen markerar storleken på
logon samt var hörnen på
logon fortfarande är rundade.
Den röda streckade linjen
visar var du kan lägga en vit
platta i layoutprogrammet
för att undvika den glipa som
ofta uppstår i tryck. Den ska
alltså bara överlappa kanten.
5
Internationell logotyp
IM heter IM även på engelska. Det fullständiga
namnet är IM Swedish Development Partner.
Tillägget ”Swedish Development Partner” beskriver
organisationens verksamhet.*
Den internationella logotypen är särskilt framtagen
för att användas i vår verksamhet världen över.
Samma regler gäller som för IMs huvudlogotyp och
den kan placeras på samma sätt som huvudlogotypen.
Ladda ner logotypen på
global.manniskohjalp.se/graphics
eller kontakta KA så skickar vi den till dig.
* Tidigare har namnen Swedish Organisation for Individual Relief,
SOIR eller IM-SOIR använts i några av våra verksamhetsländer.
De namnen ska inte användas längre utan är ersatta av IM eller
IM Swedish Development Partner.
Internationella logotypen i färg
GRÖN
PMS 362 C
CMYK 70, 0, 100, 10
RGB 65, 153, 50
Websafe #339933
BLÅ
PMS 301 C
CMYK 100, 45, 0, 20
RGB 25, 85, 140
Websafe #006699
Den streckade linjen visar minsta frizon som ska omge logotypen.
Frizonen ska vara minst bredden av i-et i logotypen.
ORANGE
PMS 1665 C
CMYK 0, 70, 100, 0
RGB 255, 102, 0
Websafe #FF6600
Mer information om färgerna
hittar du på sidan 9.
Internationella logotypen i gråskala
SVART 100 %
GRÅ 30%
Använd alltid logotypen i gråskala vid utskrift eller tryck i svartvitt.
6
Så här ska du placera logotypen om bakgrunden är
färgad – på en vit utfallande
(utanför kanten) platta med
rundade hörn, uppe till
vänster, i mitten, eller nere
till höger. Ögat följer automatiskt en diagonal linje
från övre vänstra hörnet
till nedre högra när det
skannar över ett papper.
Foto: Ann Bülow/IMs bildarkiv
www.manniskohjalp.se
Logotypen finns också tillgänglig med en vit platta bakom.
Vid tryck uppstår det ofta en liten glipa i ytterkanten när man lagt en platta ovanpå en
färgad bakgrund. Om man vill undvika detta kan man lägga en smal vit platta över kanten.
Se till att bredden eller höjden stämmer med logotypens och att du inte täcker logotypen.
Logotypen med platta finns i de fyra versioner du ser nedan.
OBS! Den svarta streckade
linjen markerar storleken på
logon samt var hörnen på
logon fortfarande är rundade.
Den röda streckade linjen visar var du kan lägga en vit platta i
layoutprogrammet för att undvika den glipa som ofta uppstår
i tryck. Den ska alltså bara överlappa kanten.
7
Typsnitt
Använd endast IMs officiella typsnitt när du
ska kommunicera IM. Våra profiltypsnitt är
Adobe Garamond Pro och Adobe Myriad Pro.
Adobe Garamond Pro har former (klackar) som
gör längre texter läsvänliga, därför använder vi
den i brödtext, det vill säga i tidningsartiklar, brev,
broschyrer med mera.
Adobe Myriad Pro är ett tydligt typsnitt som vi
använder i rubriker, bildtexter, skyltar, affischer,
flyers, annonser, rörlig film, Powerpoint-presentationer
och utställningstexter. Teckensnittsfamiljen har
flera olika varianter, så kallade fonter, från light
(tunn stil) till black (fet stil). Vi använder dock aldrig
Myriad Condensed (hoptryckt).
Arial är ersättningstypsnitt för Myriad Pro, vilket
betyder att du ska använda Arial om du inte har tillgång till Myriad Pro. Observera att vi alltid använder
Myriad Pro i IMs trycksaker. Därför ska medarbetare
som tillverkar material för tryck eller utskrift ha
typsnittet installerat på sina datorer. Att ge alla
medarbetare tillgång till Myriad skulle medföra en
alltför stor kostnad.
Myriad Pro är även vårt typsnitt för webben och
digital kommunikation. Om den inte är tillgänglig
så fungerar ersättningstypsnitten Verdana och Arial
bra i det sammanhanget.
I kampanjer kan även fantasi- och skrivstilar, samt dekorativa stilar används för att grafiskt förstärka budskapet.
Produktioner av det här slaget görs i samråd med KA.
Om inte IMs typsnitt är installerade på din dator eller
om de inte är valda som standardtypsnitt ska du se
till att de blir det. En lathund för hur du gör finns på
manniskohjalp.se/grafik. Du kan också kontakta KA
eller IT för att få hjälp.
Adobe Garamond Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
Adobe Garamond Pro Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
Myriad Pro Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
Myriad Pro Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
8
Används till längre texter
(brödtext) som artiklar, brev
och broschyrer med mera.
Kan användas för att förstärka något i brödtexten.
Används till rubriker, bildtexter, skyltar, affischer,
flyers, annonser, rörlig film,
presentationer med mera.
Kan med fördel användas
som rubrik.
Ersättningstypsnitt för
Myriad Pro både för
utskrift och på webb.
Dock ej för tryck.
Ersättningstypsnitt för
Myriad Pro på webb.
Färger
IMs grundfärger är grönt och blått. IMs huvudsakliga
komplementfärg är orange. Färgproverna på denna sida
visar vilka färgvärden du ska hålla dig till när du till
exempel producerar en folder med grafiska dekorelement
som färgplattor, linjer, ramar med mera.
IMs Glädjeshoppens rosa färg ska endast användas för
att kommunicera Glädjeshoppen.
Kräver den grafiska designen andra färger än de som
manualen visar kan du i samråd med KA ta fram detta.
IM-BLÅ och IM-GRÖN
Förtroendefullt blå och friskt, varmt grön. Dessa utgör
färgerna i IMs logotyp och är IMs grundfärger.
OM FÄRGERNA
PMS en ren färg för en eller två-färgs-tryck.
CMYK är anpassad för 4-färgs tryck.
RGB är anpassad för skärm och utskrift av office-program.
Websafe är anpassad för att användas på webben.
När vi har bestämt IMs färger har vi utgått från PMS-färgerna,
som är rena, oblandade färger. Med dem som grund har vi sedan
definierat vilka färgvärden blandningarna CMYK, RGB och
Websafe ska ha. För att färgerna ska bli så lika som möjligt i olika
medier, har vi tagit fram fasta värden för respektive färgsystem.
Om man endast omvandlar PMS-färger till CMYK, RGB och Websafe i ett layout- eller bildredigeringsprogram får färgerna olika
värden beroende på inställningar och färgprofiler. Samma sak gäller
om man omvandlar CMYK till RGB eller Websafe och vice versa.
Läs mer om färgsystem på sidan 15.
LJUS-BLÅ, LJUS-GRÖN och LJUS-ORANGE
Kan användas som dekor- och komplementfärger
när detta behövs för särskiljning.
IM-BLÅ
PMS 301 C
CMYK 100, 45, 0, 20
RGB 25, 85, 140
Websafe #006699
LJUST BLÅ
PMS 298 C
CMYK 70, 5, 0, 0
RGB 95, 190, 240
Websafe #66CCFF
LJUSGRÖN
PMS 359 C
CMYK 35, 0, 50, 0
RGB 175, 215, 155
Websafe 99CC99
IM-GRÖN
PMS 362 C
CMYK 70, 0, 100, 10
RGB 65, 153, 50
Websafe #339933
IM-ORANGE
En varm aktiverande färg.
IMs huvudsakliga komplementfärg.
IM-ORANGE
PMS 1665 C
CMYK 0, 70, 100, 0
RGB 255, 102, 0
Websafe #FF6600
LJUSORANGE
PMS 144 C
CMYK 0, 50, 100, 0
RGB 255, 155, 40
Websafe #FF9933
GLÄDJESHOPPEN-ROSA
Rosa används enbart till
IMs Glädjeshoppen (GS).
GS-ROSA
PMS 225 C
CMYK 0, 0, 85, 0
RGB 255, 77, 150
Websafe #FF3399
9
Dekorelement
IM använder två grafiska dekorelement: världskartan
och globen. Dekorelementen skapar igenkänning,
väcker intresse och stärker känslan av IM som en
internationell organisation. Såväl världskarta som
glob finns i IMs olika färgställningar. De är frilagda
KARTA Här vit karta på ljusgrön platta.
Alla IMs färger fungerar som bakgrund.
GLOB Här vit glob på ljusgrön platta.
Alla IMs färger fungerar som bakgrund.
10
(utan bakgrund) och vektoriserade så att de kan
förstoras och förminskas utan att tappa i kvalitet.
Vid tryck i storformat, till exempel rollups och större
skyltar, behövs dock justeringar. Kontakta KA för
hjälp med det.
FÄRGVARIANTER OCH KOMBINATIONER
IM-blå karta/glob
använd på vit eller
ljus-blå platta
IM-grön karta/glob
använd på vit eller
ljus-grön platta
IM-orange karta/glob
använd på vit eller
ljus-orange platta
mörkorange
karta/glob
används endast på
IM-orange platta
ljusblå karta/glob
använd på vit eller
IM-blå platta
ljusgrön karta/glob
använd på vit eller
IM-grön platta
ljusorange karta/glob
använd på vit eller
IM-orange platta
INRAMNING
De flesta skrivare och kopiatorer beskär
utfallande bilder, det vill säga bilder
som går ända ut till kanten på pappret.
Bilden blir sällan centrerad utan hamnar
närmare en kant än en annan. Därför är
det bra att göra en ram som är 5 mm
bred runt foldrar, affischer och broschyrer
som ska skrivas ut. Ramen gör att du
slipper tråkiga överraskningar.
svart karta/glob
används endast
på vit platta
De svarta och vita kartorna/globerna kan tonas i InDesign.
Svart karta på vit bakgrund som tonats i InDesign.
Vit karta, här på ljusgrön platta, som tonats i InDesign.
Foto: Erik Törner/IMs bildarkiv
11
Office-dokument
IMs grafiska profil gäller även allt du skapar med dina
Office-program. Du hittar nedladdningsbara mallar
på IMs webbplats. Har du ingen tillgång till Internet
skickar vi, efter din förfrågan, det material du behöver.
Mallar för Office-dokument finns på
manniskohjalp.se/grafik
www.manniskohjalp.se
E-post
Ett mejl från IM ska innehålla en signatur så att mottagaren
tydligt ser vem meddelandet kommer ifrån och lätt kan
hitta övriga kontaktuppgifter till avsändaren och IM.
Använd typsnittet Arial 10 punkter och IM-blått (se sid 9)
i din signatur. Logotyp eller bilder är inte nödvändiga
i signaturen. Det är viktigt att du skriver något i ämnesfältet,
eftersom det visar att det inte är ett spam-mejl.
Mejl som skickas från mobilen behöver inte ha en lika
utförlig signatur, men det får gärna innehålla en rad som
säger ungefär så här:
Sent from a phone, sorry for any typos or shorter tone than usual.
Tips om hur du ställer in signaturen får du genom IT.
12
Exempel på e-postsignatur:
Med
Medvänlig
vänlighälsning,
hälsning,
Kalle
Karlsson
Namn
Informatör
Titel
Insamling & Kommunikation
Avdelning
Individuell
Människohjälp
IM,
Individuell
Människohjälp
Tel +46 46 00 00 00
Telvx +46
+46
0030
00 00
Tel
46 46
32 99
Tel vx
+46 46 32 99 30
Adress Fabriksgatan 2 F
2F Sweden
Adress Box Fabriksgatan
45, S-221 00 Lund,
Box 45, S-221 00 Lund,
www.manniskohjalp.se
Sweden
Webb
www.manniskohjalp.se
Skrivtips och regler
Innan du börjar skriva bör du tänka efter varför
och för vem du skriver. Vad behöver läsaren veta
och vad vill du berätta?
Anpassa din text till dem du skriver till. Börja med
det viktigaste och undvik upprepningar. Tänk på
att styckeindela texten. Informativa underrubriker
underlättar också läsningen.
KORTA TEXTRADER
Gör helst inte textrader som är längre än 60 tecken
inklusive blanksteg eftersom ögat har svårt att följa
längre rader.
VÄNSTERJUSTERA TEXTEN
Använd vänsterjusterad text, eftersom marginaljusterad text kräver extra arbete för att vara lättläst och se bra ut. Vänsterjusterad text har ojämn
högermarginal medan marginaljusterad text har rak
vänster-och högermarginal.
ATT SKRIVA FÖR WEBBEN
När du skriver för webben gäller samma regler
som ovan. Men webbtexter bör vara kortare
och uppdelade i fler stycken eftersom webbplatsbesökaren oftast inte läser långa texter utan
klickar sig vidare. Det är också mer ansträngande
att läsa på datorskärmar.
Ordvalet i webbtexter bör anpassas till SEO, sökmotoroptimering, så att material lättare blir sökbara på nätet.
Se vidare i Riktlinjer för digital kommunikation.
Några skrivregler för IM-text
Vår organisation heter IM.
Skriv eventuellt ut hela namnet första
gången namnet på organisationen
nämns: IM, Individuell Människohjälp ...
Använd därefter IM.
I genitiv skriver vi IMs.
Undvik förkortningar och skriv ut hela
ord eller uttryck: till exempel, med mera
och så vidare.
Namnförkortningar på organisationer
och företag:
- När förkortningarna uttalas som ord
skrivs de med versal begynnelsebokstav:
Sida, Concord och Ikea.
- När de uttalas bokstav för bokstavs
skrivs de med versaler: UNDP, FN
och SMHI.
Svenska Akademiens ordlista och
TTs skrivregler på www.tt.se/tt-spraket
är bra hjälpmedel när du skriver.
13
Foto
IM använder dokumentärbilder, bilder som
skildrar världen, vår verksamhet och människorna
vi arbetar med och för. Det är viktigt att människor
alltid avbildas på ett respektfullt och värdigt sätt.
Ange fotografens namn så här:
Foto: Kalle Karlsson/IMs bildarkiv
eller
Foto: Kalle Karlsson/IM
Och om fotografens namn är okänt:
Foto: IMs bildarkiv
eller
Foto: IM
Mer information finns i
Riktlinjer för bilder och bildhantering.
Foto: Erik Törner/IMs bildarkiv
Foto: Maria Zachs/IMs bildarkiv
14
Bra att veta om grafisk produktion
FÄRGSYSTEM
RGB är anpassat för visning på bildskärmar. Det fungerar
även bra att använda vid utskrifter. Digitalkameror tar
bilder i RGB. Namnet kommer av de tre färgerna Red,
Green och Blue.
BILDFORMAT
Illustrationer och logotyper kan vara vektoriserade,
medan fotografier alltid är uppbyggda av punkter
som kallas pixlar. De vanligaste formaten är Jpeg/JPG
och EPS.
CMYK används alltid vid tryck och kan även användas
för utskrifter. CMYK, eller fyrfärg som det också
kallas, kommer av färgerna Cyan, Magenta, Yellow,
och blacK som blandas till rätt färgnyans i tryckpressen
eller skrivaren.
Jpeg/JPG används främst för webb men fungerar även
vid tryck och print. Jpeg står för Joint Photographic
Experts Group och är en standard för komprimering
av digitala bilder, speciellt fotografiska. Jpeg ger de
flesta bilder extremt god komprimeringsgrad med
bibehållen kvalitet.
PMS, som ibland kallas Pantone, är ett färgsystem med
rena färger. Det används vid en- eller tvåfärgstryck.
IM använder det till exempel vid tryck av våra kuvert
och innebär att vi då endast betalar för två färger
(IM-grön och IM-blå) vid tryck av logotypen jämfört
med CMYK då fyra färger används.
Sv/v, svartvitt, går bra att använda både i tryck och
i utskrifter.
OBS! Tänk på att alltid använda den svart och grå
logotypen när trycksaken inte ska skrivas ut i färg, eftersom färglogotypen inte blir bra vid utskrift i svartvitt.
En vanlig kontorsskrivare klarar oftast av att skriva
ut både RGB- och CMYK-bilder men färger i de olika
färgsystemen kan då variera. Blir du inte nöjd med färgresultatet på dina trycksaker bör du prata med någon
som har kunskap inom området.
När tryckeriet ska trycka till exempel en broschyr i
fyrfärg bör bilder och andra grafiska element konverteras
till CMYK, annars kan det bli fel i tryckprocessen.
Begär alltid provtryck när du lämnar något till tryck.
För att ändra bilders färgsystem behövs program som
Adobe Photoshop.
PAPPERSKVALITET
IM använder miljövänligt, vitt obestruket (matt)
papper till trycksaker. Specialpapper med bestruken
yta kan användas när det gäller större affischer för att
optimera bildkvaliteten.
PNG står för Portable Network Graphics och används
främst för icke-fotografiska digitala bilder på webben,
som ikoner, illustrationer och annan datorgrafik.
EPS står för Encapsulated PostScript och används
framförallt för vektorgrafik. Logotyper och illustrationer
brukar vara vektoriserade. Fördelen med vektor-grafik
är att du kan förstora dem med bibehållen kvalitet.
IMs logotyper i EPS-format är vektoriserade.
OBS! EPS används även för pixelgrafik vilket innebär
att bilden då inte kan förstoras på samma sätt som en
vektoriserad bild. Om du behöver förstora en EPS-fil,
kolla av i Illustrator att den verkligen är vektoriserad,
så slipper du oskarpt och pixligt resultat. Det går inte
att konvertera en pixeluppbyggd bild till vektorformat
genom att spara om den som en EPS-fil, bilden förblir
då pixeluppbyggd även när den heter EPS.
PIXLAR OCH UPPLÖSNING
En pixeluppbyggd bild som ska tryckas bör vara
högupplöst, det vill säga ha en upplösning på minst
300 ppi (300 pixlar per tum). Till webben bör bilden
inte vara mindre 96 ppi (pixlar per tum).
Hur hög upplösning en bild har kan kontrolleras i
utforskaren och i program som Adobe Photoshop.
För att ändra upplösning och storlek behövs program
som Adobe Illustrator för vektoriserad grafik och
Adobe Photoshop för pixeluppbyggda bilder och grafik.
För tips om gratisverktyg för bildhantering kontakta KA.
Välkommen att kontakta KA om du har frågor kring grafisk produktion.
15
IM-733
IM i korthet
IM är en svensk biståndsorganisation som bekämpar och synliggör fattigdom och utanförskap. Organisationen grundades 1938
och verkar i dag i elva länder världen över. Utomlands arbetar IM
för att barn ska gå i skolan, att förebygga sjukdomar och för att
människor ska kunna försörja sig och sin familj. I Sverige handlar
IMs arbete om integration och delaktighet i samhället.
Vi tror på människors egen kraft och vilja att förändra sin situation.
Därför utformar vi insatserna som hjälp till självhjälp. För att
utvecklingen ska bli hållbar arbetar IM nära lokala organisationer
och individer som brinner för förändring.
Fabriksgatan 2F, Lund
Box 45, 221 00 Lund
Tel 046-32 99 30, fax 046-15 83 09
www.manniskohjalp.se
IMs Kommunikationsavdelning 2014
Verksamheten är möjlig tack vare det samlade engagemanget hos
IMs givare, medlemmar och volontärer.