Ikoner och illustrationer
För att förtydliga och skapa variation i vår kommunikation har vi ett antal ikoner och illustrationer att välja mellan. Dessa befinner sig på olika nivåer i strukturen och ska användas enligt de rekommendationer som finns här i manualen.
Vårt illustrationsmanér
För de flesta av våra illustrationer använder vi det här manéret. Dessa illustrationer passar när vi beskriver mer komplexa sammanhang som exempelvis när samhälle, människa och djur samverkar. De ska ofta informera eller rådge mottagaren.
Färger
Illustrationerna ska i första hand använda färgerna från paletten i vår grafiska profil. Undantag kan vara om andra färger behövs för att öka förståeligheten i illustrationen.
Det finns också komplementfärger för just illustrationer som: hudton, gråskala och nyanser av profilens färger.
Den kompletterande färgskalan för hudtoner i våra illustrationer. Finns endast i RGB-värden.
Detaljer
Den bestämda abstraktionsnivån på illustrationerna har tagits fram för att illustrationerna ska vara enkla att förstå för mottagaren. Djur och föremål ska har en förenklad silhuett där viktiga detaljer lyfts med färgbyte.
Det är viktigt att objekten har rätt abstraktionsnivå så att de inte blir för detaljerade eller för avskalade.
Människor ska också skapas från en förenklad silhuett. Kläder ska ritas grovt utan detaljer. På ansiktet ska halsen skuggas och hårlinjer visas, men det ska inte ritas detaljer i ansiktet.
För att undvika att människorna i illustrationerna ska se för uttryckslösa eller anonyma ut illustrerar vi alltid huvudet i profil. Det behöver inte vara helprofil, det räcker med en liten vridning åt sidan så att ansiktena får lite mer av en kontur.
Redan framtagna illustrationer finns att hämta i vår interna bildbank. Inloggningsuppgifterna dit finns på intranätet på sidan Bilder, foto och film.
Våra ikoner
Våra dekorativa linjeikoner har ett detaljerat uttryck och finns för att visualisera ett ämne eller symbolik där fotografisk bild inte fungerar eller behöver kompletteras.
Ikonerna får förekomma i de färgkombinationer som är godkända, dessa ser du på sidan Färg under rubriken Färgkombinationer.
De dekorativa ikoner vi har finns i vår interna bildbank. Inloggningsuppgifterna dit finns på intranätet på sidan Bilder, foto och film.
Piktogram - ikoner för webbplatser, e-tjänster och interna system
Detta är vår enklaste illustrationsdesign och används endast på våra digitala plattformar som webbplatser, e-tjänster och interna system. Syftet är att guida besökaren rätt på ett tydligt och snabbt sätt.
Vi har valt att använda oss av ikoner från Font Awesome eftersom de har ett stort bibliotek av ikoner som täcker in många olika användningsområden. De här ikonerna är inte unika för oss och vårt uttryck utan används av flera andra organisationer och företag.
Mer information om vilka ikoner vi valt och hur du använder dem i din design hittar du i styleguiden.
Exakta detaljer
Vid särskilda tillfällen, när du behöver återge väldigt specifika detaljer, kan den här typen av illustration ersätta ett förklarande foto. Det kan till exempel vara en teknisk detalj på ett fordon eller en växtart.
Använd i första hand profilens färger, men om det behövs andra färger för att ge tydlig information är det tillåtet. Såsom en viss växts färg eller teknisk detaljs mönster.
Exakta detaljer ska som standard ligga mot en ljus bakgrund.
Användning
Vi använder oss av illustrationerna både i dekorativt och informativt syfte. Det går bra att skapa mönster, bilder och animationer utifrån dem.
Gör alltid en avvägning om illustrationerna är en hjälp för att kommunicera i just ditt specifika fall. Ska du förklara komplexa sammanhang eller behöver ett exakt återgivande av något i bild ska du använda dig av bild eller fotografier istället, inte ikoner.
Beställning av ny grafisk produktion
I de fall som det inte finns en befintlig illustration som uppfyller våra behov tar vi hjälp av vår grafiska byrå att ta fram illustrationer i samma manér. Du kan läsa på intranätet om hur du går tillväga för att beställa grafisk produktion.
Senast granskad: 2026-09-15