En grafisk profil är de bestämda reglerna för hur ditt företag ser ut. Den anger vilken logotyp du använder, vilka färger och typsnitt som gäller, hur bilderna ska kännas och hur allt sätts ihop. Målet är att kunden känner igen dig oavsett om hen ser din skylt, ditt Instagramkonto eller din offert.
För ett litet företag handlar det mest om att slippa välja om varje gång. När färgerna, typsnitten och logotypfilerna redan är bestämda går det snabbare att göra ett inlägg, en flyer eller en ny sida på hemsidan, och resultatet ser likadant ut oavsett vem som gör det.
Vad ingår i en grafisk profil?
Omfånget varierar, men de flesta grafiska profiler innehåller samma byggstenar. Markaryds kommuns riktlinje från 2025 är ett bra exempel att bläddra i. Den delar upp profilen i logotyp, färger, typsnitt och grafiska element.
Logotyp och varianter
Logotypen är kärnan. Du behöver flera versioner av den:
- Huvudlogotyp, oftast liggande, för hemsida, dokument och skyltar.
- Stående eller kompakt variant för ytor där bredden inte räcker.
- Symbol utan text för profilbilder i sociala medier och favicon i webbläsarfliken.
- Vit och svart version för mörka bakgrunder och svartvit utskrift.
Markaryd har just den uppsättningen med liggande, stående, vit och svart logotyp, och anger när var och en ska användas.
Profilen anger också frizon och minsta storlek. Frizonen är det tomma utrymme runt logotypen där ingen annan text eller grafik får ligga. Storstockholms brandförsvar mäter frizonen i höjden på en gemen bokstav i logotypen och anger en minsta bredd på 20 mm för huvudlogotypen och 10 mm för en mindre variant.
Färger med kodvärden
Varje färg i profilen ska ha kodvärden för både tryck och skärm:
- CMYK för tryck, till exempel broschyrer och visitkort.
- Pantone (PMS) om tryckeriet ska blanda exakt färg, vanligt på skyltar och profilkläder.
- RGB för skärm.
- HEX för hemsida och digitala verktyg.
Markaryds primärfärg anges som CMYK 94/62/9/1, RGB 0/91/158 och HEX #005B9E. Utan alla fyra värdena gissar tryckeriet, webbutvecklaren och den som gör Canva-mallarna var för sig, och då får du tre olika blå.
Dela gärna in färgerna i en eller två huvudfärger och ett par komplementfärger. Ange också vilka kombinationer som har tillräcklig kontrast för text. W3C:s riktlinjer för tillgänglighet kräver ett kontrastförhållande på minst 4,5:1 för vanlig brödtext mot bakgrunden.
Typsnitt
Oftast räcker två typsnitt, ett för rubriker och ett för brödtext. Profilen ska ange vilka vikter som används (till exempel regular och bold) och vilket reservtypsnitt som gäller i Word och mejl, där ditt typsnitt kanske inte finns installerat. Storstockholms brandförsvar har separata avsnitt för typsnitt i tryck och typsnitt för webb och Office av just den anledningen.
Bildmanér, ikoner och grafiska element
Bildmanéret beskriver hur dina foton ska se ut. Ljust eller mörkt, människor eller produkter, naturligt ljus eller studio. Skriv ner det och spara några exempelbilder, så blir det lättare att beställa en fotografering eller välja bilder till ett inlägg.
Ikoner bör komma från en och samma uppsättning med samma linjetjocklek. Grafiska element är mönster, former eller linjer som återkommer, till exempel en hörnform eller en färgad list.
Mallar
Mallarna är det som gör att profilen faktiskt används. Vanliga mallar för ett litet företag är:
- brevpapper och offert i Word eller Google Docs
- e-postsignatur
- inläggs- och storymallar för sociala medier
- visitkort
- presentation
Behöver ni en ny hemsida? Läs om Webbutveckling →
Grafisk profil eller grafisk manual?
Orden används ofta om samma sak. När de skiljs åt är den grafiska profilen själva utseendet och besluten bakom det, och den grafiska manualen dokumentet som beskriver hur profilen ska användas, med mått, exempel och rätt och fel.
Markaryd har båda. Riktlinjen om den grafiska profilen är beslutad av kommunstyrelsen, och kommunikatörerna ansvarar för mallar och en grafisk manual på intranätet.
För ett litet företag räcker ofta en manual på några sidor eller en enkel PDF. Det viktiga är att den finns på ett ställe som alla hittar, tillsammans med logotypfilerna.
Så använder du profilen i praktiken
Hemsidan
På hemsidan blir profilen kod. Färgerna läggs in som HEX-värden, typsnitten laddas som webbtypsnitt och logotypen ska helst finnas som SVG så att den blir skarp på alla skärmar. Den som bygger sajten behöver HEX-koder, typsnittsfiler med webblicens och logotypen i vektorformat. Har du det klart blir arbetet med hemsidan enklare och resultatet ser ut som resten av ditt material.
Skylt och tryck
Skyltmakare och tryckerier vill ha logotypen som vektorfil (PDF, EPS eller AI) och färgerna i CMYK eller Pantone. En PNG från hemsidan räcker inte för en fasadskylt. Har du bara loggan som bild finns tre vägar, som vi går igenom i guiden om att vektorisera en logga. Be om ett korrektur innan något trycks i stor upplaga, eftersom färg ser olika ut på bestruket och obestruket papper.
Sociala medier
Profilbilden visas som en liten cirkel. Använd symbolen eller en kompakt variant av logotypen, aldrig den långa liggande versionen. Gör mallar för inlägg och stories i dina färger och typsnitt, så ser flödet sammanhängande ut även när olika personer publicerar.
Google Företagsprofil
I din Google Företagsprofil laddar du upp logotyp och ett omslagsfoto. Google anger JPG eller PNG, mellan 10 kB och 5 MB, och en rekommenderad upplösning på 720 × 720 pixlar. En kvadratisk version av logotypen med frizon runt fungerar bäst. Följ samma bildmanér i foton du lägger upp där som på hemsidan.
Vanliga misstag
För många färger
En profil med åtta likvärdiga färger ger åtta sätt att göra fel. Välj en huvudfärg, en eller två kompletterande och en neutral färg för text. Fler färger kan finnas som accenter, men skriv vad de får användas till.
Logotypen fungerar inte litet
Många logotyper ser bra ut på en A4 men blir oläsliga som favicon eller profilbild. Tunna linjer, liten text och detaljer försvinner. Testa logotypen i 32 × 32 pixlar och som 1 cm bred utskrift innan du bestämmer dig, och ta fram en förenklad symbol om det behövs. Det är därför manualer anger en minsta storlek.
Typsnitt utan webblicens
Ett köpt typsnitt har ofta separata licenser för dator och webb. Monotype skriver att en vanlig desktoplicens låter dig installera typsnittet och använda det i designprogram, medan en webbfontslicens krävs för att bädda in typsnittet i en hemsidas kod. Många webblicenser prissätts efter antal sidvisningar.
Typsnitt under SIL Open Font License får användas i designarbete av alla slag och laddas som webbtypsnitt. Kontrollera alltid licensen för det typsnitt du väljer innan profilen är klar.
Profilen finns bara hos designern
Om logotypfilerna ligger i designerns mejl och ingen vet var färgkoderna finns, används profilen inte. Be om ett paket med alla logotypvarianter i SVG, PDF och PNG, manualen och typsnittslicenserna, och spara det där hela företaget kommer åt det.
Ta fram en grafisk profil själv eller med designer
Själv
Du kan komma långt på egen hand om du håller det enkelt. Välj ett typsnitt med öppen licens, två eller tre färger med kontroll av kontrasten och en enkel ordbild som logotyp. Skriv ner valen med kodvärden i ett dokument och gör mallar i det verktyg du redan använder.
Det som brukar saknas när man gör själv är logotypen i vektorformat och varianterna för små ytor. Det märks först när skyltmakaren eller tryckeriet frågar efter filer.
Med designer
En designer börjar oftast med frågor om verksamheten, kunderna och konkurrenterna, tar fram förslag och levererar sedan logotyp, färger, typsnitt och manual. Fråga innan du anlitar någon:
- Vilka logotypvarianter och filformat ingår?
- Ingår en manual, och hur omfattande är den?
- Ingår mallar för sociala medier, dokument och e-postsignatur?
- Vem äger rättigheterna till logotypen när jobbet är klart?
- Vilka typsnitt används, och vad kostar licenserna för webb och dator?
Priset beror på hur mycket som ingår. Jämför därför offerter utifrån leveransen och inte bara slutsumman.
Solva tar fram logotyper och grafiska profiler åt företag och bygger hemsidor som följer dem. Hör av dig om du vill ha hjälp med någon av delarna.
Vanliga frågor
Vad ingår i en grafisk profil?
En grafisk profil innehåller oftast logotyp med varianter, färger med kodvärden för tryck och skärm (CMYK, Pantone, RGB och HEX), typsnitt, bildmanér, ikoner och grafiska element samt mallar för dokument och sociala medier.
Vad är skillnaden mellan grafisk profil och grafisk manual?
Den grafiska profilen är själva utseendet och besluten bakom det. Den grafiska manualen är dokumentet som beskriver hur profilen ska användas, med mått, färgkoder, exempel och regler för rätt och fel användning.
Behöver ett litet företag en grafisk profil?
Ja, även i en enkel form. Bestämda färger, typsnitt och logotypfiler gör att hemsida, skylt, sociala medier och offerter ser likadana ut, och att du slipper göra om valen varje gång du tar fram nytt material.
Vilka filformat behöver jag för min logotyp?
SVG för hemsidan, PDF eller EPS i vektorformat för tryck och skyltar och PNG med transparent bakgrund för digitala verktyg och sociala medier. Ha också en vit och en svart version och en kvadratisk symbol för profilbilder.
Kan jag använda vilket typsnitt som helst på min hemsida?
Nej. Köpta typsnitt har ofta separata licenser för dator och webb, och en desktoplicens räcker inte för att bädda in typsnittet på en hemsida. Typsnitt under SIL Open Font License får användas som webbtypsnitt. Kontrollera licensen för varje typsnitt.
Källor
Behöver ni en ny hemsida?
Berätta vad ni har i dag. Efter en kostnadsfri genomgång får ni ett fast pris skriftligt.
