M A N U A L

SVAB G

RA

FIS

K

Vår grafiska profil ............................................. 4Logotyp ............................................................ 6Logotyp - Frizon................................................ 8Logotyp - Korrekt användande ....................... 10Logotyp - Felaktigt användande ...................... 12Färger ............................................................. 14Typografi ........................................................ 18Layout ............................................................ 22Papper ............................................................ 26

Ver. 1 080801

4

Vår grafiska profil

Det sätt vi väljer att profilera oss på, tillsammans med vårt agerande och våra produkter, påverkar vår image och hur omvärlden uppfattar oss. En konsekvent och samstämmig profil ger ett profess- ionellt och tydligt intryck och gör att vi blir lättare att känna igen.

Grundstenen i vår grafiska profil är vår logotyp samt vår blåa och gråa färg, vilka är de centrala elementen för vår identitet. Den grå färgen har en speciell betydelse då GP och RT Controller, SVAB:s mest sålda produkter, haft en liknande färg, dock i en annan färgrymd (RAL 7043) sedan början på 2000 -talet.

Manualen är ett verktyg för alla medarbetare och ska användas som stöd och inspiration i det dagliga arbetet. Vår grafiska profil ska följas överallt där vi syns i text och bild, både internt och externt. Det är vi själva som har ansvaret för att vår grafiska profil hanteras på rätt sätt.

Logotyper, mallar och en pdf-version av den grafiska manualen finner du på vår hemsida och på vår gemensamma disk.

Har du frågor kring tolkning och användning av den grafiska manualen, kontakta informationsansvarig.

5

Urval från Lennarts anagram:

"Hydrauliken"”->”"Har du i kylen"

6

Logotyp

Logotypen är en viktig del i en stark profil och ett verktyg för kommunikation. Genom att använda vår logotyp konsekvent stärker vi vår identitet både internt och mot omvärlden.

Det är viktigt att rätt variant av logotypen används vid rätt till-fälle så att logotypen kommuniceras tydligt. Den färgade logo- typen bör i huvudsak användas mot vit eller ljust färgad bak-grund. Undvik att placera den färgade logotypen mot bildbak-grund, starkt färgad eller likfärgad bakgrund.

Om logotypen ska placeras på bilder eller starkt färgade bak-grunder används den grå eller negativa (vita) symbolen, allmänt kallad ”swoschloggan”.

7Logotyp

Färglogotyp

Grå logotyp”swoschloggan”

Vit negativ logotyp mot färgad bakgrund

8

Runt logotypen finns ett frizonsutrymme. Det innebär att det inom det markerade området inte får förekomma andra störande element såsom text eller bild.

Frizonsutrymmet är till för att framhäva logotypen och för att undvika en felaktig användning. Frizonsutrym-met bestäms av storleken på bokstaven S i logotypen (se bild sid 9) och kan således komma att ändras beroende på logotypens storlek.

Med ”swoschloggan” uppstår lätt en synvilla. Detta beror på att den högra kanten av ”swoschen” inte har något slut. Man kan då uppleva att logotypen inte ser centrerad ut. Utgå dock alltid från det avstånd som visas till höger och justera eventuellt i efterhand mot vad som för ögat, ser naturligt ut.

Logotyp - Frizon

9Logotyp

Frizon för den färgade logotypen.

Frizon för den gråa ”swoschlogotypen”.

10

Logotyp - Korrekt användande

Logotypen är här korrekt placerad med hänsyn till frizon och bak-grundsfärg.

Till kläder, speciellt starkt färgade eller mörka plagg, bör helst ”swoschloggan” användas. Till kläder kan det vara svårt att mäta korrekta och exakta avstånd mellan logotyp och ”kanter”. I detta exempel ser vi en bra placering av logotypen samt ett bra färgval (silver) mot svart bakgrund.

Användarmanual

GP Controller

11

Urval från Lennarts anagram:

"Sauer danfoss" -> "Sonas, sa Freud"

12

Man får inte på något sätt lägga till, eller förändra något i logo- typen. Som man här gjort genom att lägga in adressuppgifter.

Den blåa logotypen får ej användas mot en starkt färgad bak-grund. Som i detta fall mot en röd t-shirt. Välj då istället den gråa eller negativa ”swoschloggan”.

Logotyp - Felaktigt användande

13Logotyp

Använd inte logotypen för att skapa mönster.

Rotera eller förvräng inte logotypen på något sätt.

Använd inte namnet utan symbolen eller symbolen utan namnet.

Beskär inte logotypen på något sätt. Använd inte skuggor eller andra effekter för logotypen. Undantag får göras i särskilda fall då bakgrunden kräver detta.

Den äldre versionen av logotypen där Hydraulik, projekt eller avdelnings-namn står med utgår och ska därför inte användas.

14

Färger

Eftersom färger har en starkt associativ effekt har vi valt ett fåtal färger som ska användas i vår grafiska profil.

SVAB:s primärfärger är blått och grått. Komplementfärgerna, som är samma färger men i svagare färgtoner, är till för att användas som kompletterande färger för bakgrund i exempelvis trycksaker.

Olika underlag och material framhäver färger på olika sätt. För att vara säker på att nyansen blir den rätta bör ett färgprov med SVAB:s färger skickas till tryckaren. Färgprover ska finnas tillgängliga.

Tänk på att färger kan variera mycket i olika ljusförhållanden, på olika papperstyper och skrivare. Färgblindhet är också en faktor att ta med i beräkningen. I exempelvis en beskrivande text, som en manual, bör informationen inte enbart förmedlas med färg utan endast som ett komplement till texten.

15Färger

Blå

Grå

R: 0G: 101B: 189

R: 57G: 58B: 65

C: 99M: 51Y : 0K : 0

C: 44M: 34Y: 22K: 78

Primärfärger

HTML: 0065BD

Hex: #393A41

RAL: 7043

RAL: 5005

NCS:3070-R90B

NCS:S 7500-N (Jotun)

PMS:300 C300 U

PMS:Cool Gray 11 CCool Gray 11 U

16Färger

Komplementfärger

Blå

Grå

R: 57G: 58B: 65

C: 44M: 34Y: 22K: 78

Hex: #393A41

RAL: 7043

80%

80%

60%

60%

40%

40%

20%

20%

PMS:Cool Gray 11 CCool Gray 11 U

R: 0G: 101B: 189

C: 99M: 51Y : 0K : 0

HTML: 0065BD

RAL: 5005

NCS:3070-R90B

PMS:300 C300 U

NCS:S 7500-N (Jotun)

17

Urval från Lennarts anagram:

"Strömregulator" -> "Sött lurar er gom"

18

Typografi

Precis som våra färger är det typsnitt vi använder en del av vår profil och det vi förknippas med. Ock-så här är det viktigt att kommunicera konsekvent med väl anpassade typsnitt.

Olika typsnitt är framtagna för att användas på olika sätt och i olika kontexter. Vissa typsnitt är framtagna för att passa för rubriker, andra för brödtext. Det finns även typsnitt speciellt framtagna för att passa för webben (webbtypsnitt).

Våra två typsnitt heter Verdana och Times New Roman. Verdana är ett teckensnitt som lämpar sig bra för webben, för kortare texter och för ingresser. Times New Roman lämpar sig främst för längre texter. Times New Roman är ett vanligt teckensnitt som genom tester visat sig ha hög läsbarhet.

Hög läsbarhet bör alltid prioriteras i manualer så tänk på att använda tillräckligt stor teckenstorlek. En text bör kunna läsas av en person med synnedsättning samt i dåliga ljusförhållanden. Detta gäller självklart övriga trycksaker också, men inte till lika hög grad.

19Typografi

Verdana regular abcdefgh ABCDEFGH 0123

Verdana italic abcdefgh ABCDEFGH 0123

Verdana bold abcdefgh ABCDEFGH 0123

Verdana bold italic abcdefgh ABCDEFGH 0123

20Typografi

Times New Roman abcdefgh ABCDEFGH 0123

Times New Roman italic abcdefgh ABCDEFGH 0123

Times New Roman bold abcdefgh ABCDEFGH 0123

Times New Roman bold italic abcdefgh ABCDEFGH 0123

21Typografi

Typografiska grundregler

Hur man formsätter orden i en text har betydelse för hur det man läser uppfattas och hur pass läsbar texten är.

Undvik exempelvis längre texter som är centrerade eller höger-ställda. Använd normala radavstånd och teckenbredder.En längre text bör delas upp i flera spalter samt marginaljusteras.

Storleken på teckensnitten kan du variera från trycksak till tryck-sak men en bra tumregel är att använda sig av gyllene snittet, det vill säga att de olika storlekarna varierar med 1,6. Exempelvis en brödtext som har 10 punkters storlek vars rubrik har 16 punkters storlek.

Lorem ipsum dolor sit amet, consectetuer adipiscing

elit. Suspendisse et elit. Nam placerat egestas nisl.

Nam vulputate suscipit est. Proin libero. Sed a elit.

Duis aliquam, nisi vitae commodo vehicula, dolor mi

iaculis lorem, in facilisis sapien ipsum non quam.

Aliquam nec nibh. Donec tempus, felis vel varius condimentum, libero erat tempor nisl, sed tincidunt enim metus id eros. Sed eleifend dolor vitae est. Maecenas mauris. In purus. Proin massa. Sed commodo ultrices tellus. Praesent diam enim, tempor ut,

semper non, aliquet in, diam. Nullam quis massa rhoncus metus tristique volutpat. Donec dignissim sapien at diam. Aenean ut mauris non est aliquet euismod. Nulla

auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin pretium, ligula quis sagittis laoreet, nunc turpis interdum justo,

et porta urna justo sed augue. Nulla facilisi. Phasellus tincidunt turpis vel elit.

Lorem ipsum dolor sit amet, consectetuer adip-iscing elit. Suspendisse et elit. Nam placerat egestas nisl. Nam vulputate susci-pit est. Proin libero. Sed a elit. Duis aliquam, nisi vitae commodo vehicula, dolor mi iaculis lorem, in facilisis sapien ipsum non quam.

Aliquam nec nibh. Donec tempus, felis vel varius condimentum, libero erat tempor nisl, sed tincidunt enim metus id eros. Sed eleifend dolor vitae est. Ma-ecenas mauris. In purus. Proin massa. Sed commodo ultrices tellus. Praesent diam enim, tempor ut, semper non,

aliquet in, diam. Nullam quis massa rhoncus metus tristique volutpat. Donec dignissim sapien at diam. Aenean ut mauris non est aliquet euismod. Nulla auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin pretium, ligula quis sagittis laoreet, nunc turpis inter-dum justo, et porta urna justo sed augue. Nulla facilisi. Phasellus tincidunt turpis vel elit. Maecenas sodales risus a mi ali-quam molestie. Praesent at nisi in nisl condimentum varius. Phasellus posuere est sit amet tellus. Phasellus mattis sa-pien vitae eros. Aenean faucibus nibh in arcu. Cras posuere, dui sed vehicula scelerisque, ipsum libero hendrerit erat, ac accumsan quam arcu quis lectus. Duis eu ligula posuere dolor sodales hendrerit. Nullam dui mi, suscipit ac, dictum tempor, fringilla in, lectus. Pel

22

Layout

En typisk layout för SVAB:s trycksaker är den som återfinns i GP Controllermanualen med en blå bård i botten och en svagt färgad grå platta som bak-grund.

SVAB är ett föränderligt företag som inte är sent att ta till sig nya idéer eller koncept, vilket bör återspeglas i offentliga layoter i form av variation, dock inom givna ramar såsom exempelvis logotyp och färger. Grundprincipen med SVAB:s layout mot omvärlden är enkelhet, där för många färger och former ej bör blandas.

I trycksaker, främst i manualer är lättförståelighet en mycket viktig faktor. Manualerna bör innehålla exempel och bilder som visar hur olika moment utförs. Symboliken är en viktig faktor bland SVAB:s trycksaker och symboler som härmar funktioner och föremål bör förekomma ofta, främst när det gäller manualer.

”Det gyllene snittet” är en väl beprövad och enkel metod för att få harmoni i en layout eller en bild samt att göra denna till-talande för ögat. Detta snitt bör användas i den mån det går. Läs mer om detta på wikipedia.se

23Layout

Användarmanual

GP Controller

H

B = H x 1,6

Ett mycket enkelt sätt att få fram det gyllene snittet i en rektangel, den s.k. ”gyllene rektangeln” är att ta ena sidan, låt oss säga höjden (H), och multiplicera denna med 1,6. Detta nya värde blir nu bredden (B).

Den omvända processen blir såklart att dela bredden (B) med 1,6.

Ett A5 -format som detta t.v. har inte ”den gyllene rektangelns” proportioner. Detta kan avhjälpas genom att använda sig av den blåa bården så att den ljus-gråa bakgrundsplattan får ”den gyllene rektangelns” proportioner.

En bra metod för att skapa harmoni i layouten är att se till att man hittar ett ”gemensamt avstånd” som man försöker rätta så många element i layoten till som möjligt. Även ”gemensamma linjer” i layoutens former bör hittas och användas i den mån det går.

Samtidigt kan det vara mycket effektfullt att bryta mot harmonin. Ett exempel på detta är framsidan på denna manual. Se det som att man bör bemästra regeln eller metoden för att besitta kunskap nog att bryta den.

Gemensamma avståndGemensamma linjer

24Layout

Layoutexempel: Signatur för e-post

Förnamn EfternamnTitel/Title

SVAB Hydraulik AB Ulvsättersgatan 2 SE-694 91 HALLSBERG

Tel +46 582 152 30 Mob +46 758 21 52 30namn@svab.sewww.svab.se

Verdana Bold, 7,5 pt

Verdana, 7,5 pt

25Layout

Layoutexempel: Profilering av fordon

26

Papper

Valet av papper påverkar hur mottagaren upplever trycksaken. Ett matt obestruket papper ger högre läsbarhet och ett blankt bestruket papper minskar läsbarheten men ger ett extra lyft till bilderna.

Givetvis finns det många olika grader av blankhet och matthet i papper så det första du bör göra vid val av papper är att begära provtryck från tryckeriet på några utvalda papper. Ofta är det en kompromiss mellan läsbarhet och skönhet. Tryckeriet bör vara experter när det gäller att välja ut rätt papper för ditt ändamål.

Med beskrivande text bör läsbarheten och hållbarhet alltid prio-riteras då förhållandena där manualen läses kan variera mycket. I direkt solljus kan det vara svårt att läsa texter på ett blankt papper.

27Papper

Obestruket matt papper i direkt solljus

Bestruket blankt papper i direkt solljus

28Papper

FrågorKontakta informationsansvaring på SVAB om du har frågor eller om du vill ha tips eller råd kring trycksaker, manualer och övrig profilering. Välkommen att ringa 0582-152 30.

29Papper

SVAB Hydraulik ABUlvsättersgatan 2694 91 HallsbergTel 0582-152 30www.svab.se - epost@svab.se