# Mall för grafisk profil: vad den ska innehålla, avsnitt för avsnitt

[Canonical HTML page](https://gradiently.design/sv/guide/brand-guidelines-template)

En tom sida är det svåraste sättet att börja en grafisk profil på. Här är en mall att kopiera, tio avsnitt i ordning, med vad varje ska innehålla och hur långt det behöver vara.

## The short version

- En mall för grafisk profil ger dig avsnitten att fylla i, så att du skriver regler i stället för att börja på en tom sida.
- De flesta grafiska profiler behöver tio avsnitt: introduktion, logotyp, färg, typografi, bakgrunder och bilder, layout, röst, tillämpningar, mallar och kontakter.
- Varje regel i en grafisk profil fungerar bäst med ett synligt exempel på rätt och fel.
- Ett litet företag kan få in en användbar grafisk profil på åtta till tolv sidor; längden betyder mindre än tydligheten.
- En grafisk profil fungerar bara om logotyperna, färgerna, typsnitten och mallarna den beskriver är lätta att hitta och använda.

En bra **mall för grafisk profil** har tio avsnitt i den här ordningen: introduktion, logotyp, färg, typografi, bakgrunder och bilder, layout, röst, tillämpningar, mallar samt filer och kontakter. Fyll varje med korta regler och ett visuellt exempel på var och en, och håll helheten så kort att folk faktiskt öppnar den. Nedan finns mallen att kopiera och därefter vad som hör hemma i varje avsnitt.

Vill du ha tankarna bakom en profil, vad du ska utelämna och hur du håller den levande, läs först [så gör du en grafisk manual](https://gradiently.design/sv/guide/brand-style-guide). Den här sidan är det praktiska skelettet.

## Mallen för grafisk profil

```text
GRAFISK PROFIL: [Varumärkesnamn]   Version [1.0], [månad år]

1. Introduktion
   Vilka vi är (en mening)
   Vilka vi vänder oss till (en mening)
   Hur vi vill att det ska kännas (tre ord)

2. Logotyp
   Primär logotyp, liggande, staplad, ikon, enfärgad
   Frizon och minsta storlek
   Exempel på rätt och fel (minst fyra)

3. Färg
   Primära, sekundära färger och accentfärger
   HEX, RGB, CMYK och Pantone för varje
   Proportioner (till exempel 60 / 30 / 10)
   Godkända kombinationer av text och bakgrund

4. Typografi
   Rubrikstil, brödtextstil, snitt
   Typskala med storlekar
   Var typsnitten kan laddas ner

5. Bakgrunder och bilder
   Våra bakgrunder och när var och en används
   Fotostil, med exempel
   Ikoner och illustration

6. Layout
   Marginaler, rutnät, logotypens placering
   Var orden placeras i en design

7. Röst
   Personlighet i tre ord
   Så säger vi / så säger vi inte
   Exempel på rubriker och bildtexter

8. Tillämpningar
   Socialt inlägg, story, e-post, bild, visitkort

9. Mallar
   Länkar till varje mall, per format

10. Filer och kontakter
   Var logotyp- och typsnittsfilerna finns
   Vem som godkänner nytt arbete
```

Kopiera in det här i ett dokument och fyll i avsnitt för avsnitt. Ta bort alla avsnitt som verkligen inte gäller dig.

## Vad som ska ingå i varje avsnitt

| Avsnitt | Måste innehålla | Sidor |
| --- | --- | --- |
| 1. Introduktion | Vem du är, vem du vänder dig till, tre känsloord | 1 |
| 2. Logotyp | Alla varianter, frizon, minsta storlek, exempel på felaktig användning | 1 till 2 |
| 3. Färg | Namngivna färgprover med koder, proportioner, godkända kombinationer | 1 |
| 4. Typografi | Typsnitt, snitt, en typskala, nedladdningslänkar | 1 |
| 5. Bakgrunder och bilder | Godkända bakgrunder, fotostil, ikoner | 1 till 2 |
| 6. Layout | Marginaler, logotypens placering, var texten sitter | 1 |
| 7. Röst | Egenskaper, så säger vi och så säger vi inte, exempelrader | 1 |
| 8. Tillämpningar | Färdiga exempel i riktiga format | 1 till 2 |
| 9. Mallar | Länkar till färdiga filer | En del av en sida |
| 10. Filer och kontakter | Var filerna finns, vem man frågar | En del av en sida |

Runt åtta till tolv sidor för ett litet företag. Stora organisationer lägger till avsnitt men behöver sällan längre.

### 1. Introduktion

Håll den till en sida. En mening om vad du gör, en om vem det är till för och tre ord för hur varumärket ska kännas. De tre orden är testet för varje beslut som följer, så välj dem noga. Din [varumärkesarketyp](https://gradiently.design/sv/guide/brand-archetypes) kan hjälpa.

### 2. Logotyp

Visa varje [logotypvariant](https://gradiently.design/sv/guide/logo-variations) för sig och därefter på ljusa och mörka bakgrunder. Ange frizonen som ett mått taget från själva logotypen, till exempel höjden på en versal, och ge en minsta storlek för skärm och tryck. Avsluta med exempel på felaktig användning: utsträckt, omfärgad, konturerad, placerad på ett rörigt foto.

### 3. Färg

Namnge varje färg, ange dess koder och säg hur mycket av varje som ska användas. Proportionerna betyder mer än man tror: ett varumärke som mest är kräm med lite skogsgrönt ser helt annorlunda ut än ett som mest är grönt.

- Skog (primär): #1f3d2b
- Kräm (bakgrund): #f4efe6
- Mässing (accent): #c9a96e
- Salvia (sekundär): #6b7c6e
- Bläck (text): #1a1a1a

En färgsida i miniatyr. I profilen anger varje färgprov också RGB, CMYK och närmaste Pantone, och en notering som ”Mässing: bara för accenter, aldrig för brödtext”.

Lägg till en kort lista med godkända kombinationer, till exempel bläck på kräm och kräm på skogsgrönt, och kontrollera att varje klarar riktlinjerna för [färgkontrast](https://gradiently.design/sv/guide/color-contrast-accessibility) för text.

### 4. Typografi

Namnge rubrik- och brödtypsnitten, de snitt du använder och en enkel skala: rubrik, underrubrik, brödtext, bildtext, med storlekar. Länka till var typsnitten kan laddas ner eller licensieras. Ett [typsystem](https://gradiently.design/sv/guide/brand-typography-system) går djupare om du behöver ett.

### 5. Bakgrunder och bilder

Det här är avsnittet som de flesta mallar glömmer, och det täcker det mesta folk ser. Visa de bakgrunder du använder, när var och en passar och var ord får ligga på dem. Visa sedan tre eller fyra foton som fångar din stil och tre som inte gör det.

### 6 till 10. Layout, röst, tillämpningar, mallar, kontakter

Layout är marginaler, logotypens placering och var texten hamnar. Röst är tre egenskaper och en tabell med fraser du använder och undviker; [varumärkesröst](https://gradiently.design/sv/guide/brand-voice-and-visuals) har exempel. Tillämpningar är färdiga designer i riktiga format. Mallar är länkar. Kontakter är ett namn och en e-postadress.

Ett stående Instagram-inlägg med texten Höstmenyn, från fredag, som exempelsida i en grafisk profil

En tillämpningssida visar reglerna i samspel i ett riktigt format.

En stående Instagram-story med texten Höstmenyn, från fredag, som visar samma varumärkesregler i ett högre format

Samma budskap som en story, så att man ser hur layouten anpassas till en högre ram.

## Så skriver du regler som folk följer

### Vagt

- ”Vår logotyp ska alltid vara tydligt synlig”
- ”Använd varumärkesfärgerna på lämpligt sätt”
- ”Vår ton är vänlig och professionell”
- ”Använd bilder av hög kvalitet”

### Användbart

- ”Håll en frizon lika hög som F:et runt logotypen”
- ”Kräm är bakgrunden i de flesta designer; mässing förekommer på högst ett element”
- ”Vi skriver korta meningar och använder aldrig utropstecken”
- ”Naturligt ljus, riktiga kunder, inga stockfoton på handslag”

Ett nyttigt test: skulle någon ny kunna följa regeln utan att ställa en fråga till dig? Om inte, lägg till ett mått, ett exempel eller båda.

## Från mall till ett fungerande kit

Ett profildokument beskriver varumärket; ett kit är det man designar med. I Gradiently håller varumärkeskitet samma kärnavsnitt: namn och beskrivning, logotyper, färgpaletter, rubrik- och brödtypsnitt, röst, målgrupp och vad varumärket gör, och det kan läsa din webbplats för att fylla i grunderna. Designer skriver i kitets röst och tillämpar det när den lägger upp en design, så att profilen följs som standard i stället för av minnet. [Så sätter du upp varumärkeskitet](https://gradiently.design/sv/guide/brand-kit-setup) visar hur du fyller i det, och [varumärkesriktlinjer för AI](https://gradiently.design/sv/guide/brand-guidelines-for-ai) tar upp hur du skriver regler som en assistent kan följa.

## FAQ

### Vad ska en grafisk profil innehålla?

En introduktion, logotypregler, färg, typografi, bakgrunder och bilder, layout, röst, tillämpningar, mallar, samt var filerna finns och vem man kontaktar.

### Hur lång ska en grafisk profil vara?

För ett litet företag räcker oftast åtta till tolv sidor. Tydliga regler med exempel betyder mycket mer än längd.

### Vad är skillnaden mellan grafisk profil och grafisk manual?

Begreppen används oftast om vartannat. Vissa team använder grafisk profil för hela dokumentet och grafisk manual för de visuella och skrivna reglerna i det.

### Kan jag göra en grafisk profil utan designer?

Ja. Använd en mall, fyll varje avsnitt med korta regler och riktiga exempel och förvara logotyp-, färg- och typsnittsfilerna där alla kommer åt dem.

### Vilket format ska en grafisk profil ha?

En PDF är lätt att dela, men ett levande dokument eller en webbsida är lättare att hålla uppdaterad. Vad du än väljer, ange ett versionsnummer och ett datum.