Kortversionen
- En grafisk manual är ett kort dokument med regler som visar vem som helst hur ett varumärkes logotyp, färger, typsnitt, bakgrunder, bilder och röst ska användas.
- Manualer blir använda när de är skrivna som konkreta regler med exempel, inte som beskrivningar av hur varumärket ska kännas.
- De flesta små varumärken behöver bara en manual på en sida som täcker positionering, röst, logotyp, färger med proportioner, typsnitt, bakgrund och några exempel på rätt och fel.
- Varje regel blir lättare att följa när den visas bredvid ett korrekt och ett felaktigt exempel.
- En grafisk manual hålls levande när en person äger den, den har ett datum och reglerna är inbyggda i mallarna som folk redan använder.
På den här sidan
En grafisk manual är en kort samling regler som gör att vem som helst, från en nyanställd till en frilansare till en AI-assistent, kan göra något som ser ut och låter som ditt varumärke. De som folk faktiskt använder har tre saker gemensamt: de är korta, de är skrivna som konkreta regler snarare än beskrivningar och varje regel visas med ett exempel. För de flesta små varumärken gör en väl gjord sida mer nytta än en PDF på femtio sidor som ingen öppnar.
En grafisk manual är den skrivna halvan av din identitet; varumärkeskitet är filerna. Du behöver båda, och de bör peka på varandra.
Vad en grafisk manual ska innehålla
| Avsnitt | Manual på en sida | Full manual lägger till |
|---|---|---|
| Positionering | En mening: vad du gör och för vem | Anteckningar om målgruppen, nyckelbudskap |
| Röst | Tre ord, två exempelmeningar | Ordlista, ord att undvika, ton per kanal |
| Logotyp | Huvudversion och enfärgad version, minimistorlek, fritt utrymme | Uppställningar, samarbetsvarumärken, exempel på felaktig användning |
| Färg | Hexkoder med namn, uppgifter och andelar | RGB, CMYK, textkombinationer med god läsbarhet |
| Typsnitt | Rubrik- och brödtypsnitt med storlekar | Full typografisk skala, webb- och reservtypsnitt |
| Bakgrund | Signaturbakgrunden och dess enfärgade reserv | Varianter per format, regler för textur |
| Bilder | Tre exempelbilder och en mening | Fotobehandling, regler för illustration |
| Rätt och fel | Fyra till sex par | Ett par per avsnitt |
Vad du ska lämna utanför
- Långa varumärkesberättelser och grundaressäer. De hör hemma på din Om oss-sida, inte i ett arbetsdokument.
- Värderingar som enstaka ord som ”innovation” och ”kvalitet”. Ingen kan tillämpa dem.
- Varje tänkbar nyans av varje färg. Lista de du faktiskt använder.
- Sidor av felaktig logotypanvändning som ingen någonsin skulle göra. Visa de två eller tre misstag som folk faktiskt gör.
- Regler du inte tänker driva igenom. Varje regel du ignorerar lär folk att hela manualen är frivillig.
Skriv regler, inte beskrivningar
Det vanligaste felet i grafiska manualer är beskrivning där det borde stå instruktion. ”Vår palett är livlig och optimistisk” säger en formgivare ingenting. ”Korall är bara för knappar och priser” säger exakt vad hen ska göra. Varje rad i din manual ska vara något som en person kan kontrollera en design mot.
Beskrivning (oanvändbar)
- Våra färger är djärva och energiska
- Vår typografi är modern och ren
- Vi använder mycket luft
- Vår röst är vänlig men professionell
- Foton ska kännas äkta
Regel (användbar)
- Nattblått täcker ungefär 60 % av varje design; korall är bara för knappar och priser
- Rubriker i rubriktypsnittet på 64 px eller större; brödtext på 16 px, aldrig fet
- Ha en marginal på minst 8 % av bredden på alla sidor
- Använd korta meningar, vardagligt språk och inga utropstecken
- Bara naturligt ljus, människor mitt i en syssla, inga poserade leenden mot kameran
Exempel på en grafisk manual på en sida
Här är en komplett manual på en sida för ett påhittat bageri. Den ryms på en enda skärm och besvarar de flesta frågor som en frilansare skulle ställa.
CORNER LOAF: BRAND STYLE GUIDE (v1.2, updated October 2026, owner: Sam)
WHO WE ARE
The neighbourhood bakery that bakes overnight in small batches.
VOICE: warm, unhurried, honest
Yes: "Rye's back tomorrow. We made forty."
No: "Don't miss our AMAZING new rye!!!"
COLOUR (share, job)
Night blue #0e1424 60% backgrounds
Flour #f3e6d0 30% text and panels
Oven glow #e0823d 10% times, prices, buttons only
TYPE
Headlines: condensed sans, 64 px and up, sentence case
Body: humanist sans, 16 to 18 px, regular weight
BACKGROUND
Signature: oven glow rising from the bottom of night blue
Fallback (small sizes, one-colour print): flat night blue
LOGO
Wordmark only. Minimum width 96 px. Clear space = height of the C.
DON'T
Put text over the glow. Use cream backgrounds. Add a second accent.Visa varje regel med ett exempel
Folk skummar manualer och tittar på bilder. Sätt ett korrekt och ett felaktigt exempel bredvid varje viktig regel, helst med riktiga format från ditt eget flöde. Regeln nedan behöver varje varumärke som bygger på gradienter eller foton: var orden placeras.
Felaktigt: rubriken löper över den mest livliga, ljusaste delen av bakgrunden.
Korrekt: den lugnaste, mörkaste ytan ligger bakom orden.
Färger behöver samma behandling. Lista var och en med namn, kod, uppgift och andel, och ta med de textkombinationer som klarar kontrollen av färgkontrast, så att ingen behöver testa dem igen.
Så håller du en grafisk manual levande
- 1
Ge den en ägare
En namngiven person godkänner ändringar och svarar på frågor. En manual som alla äger uppdateras av ingen.
- 2
Datera och versionsnumrera den
Skriv version och datum överst så att folk vet att de har den aktuella.
- 3
Bygg in reglerna i mallar
Den bästa regeln är en som folk inte kan bryta av misstag. Mallar med rätt bakgrund, typsnitt och logotypplacering driver igenom manualen i tysthet. Se varumärkeskonsekvens.
- 4
Ha den där folk arbetar
Fäst den i ditt designverktyg, din delade enhet och teamchatten. Om folk måste söka efter den gör de inte det.
- 5
Skriv en version för AI
Assistenter följer tydliga, bokstavliga regler väl. Varumärkesriktlinjer som din AI kan följa visar hur du anpassar sidan.
- 6
Gå igenom den varje kvartal
Ta bort regler som ingen följer och lägg till frågorna som folk ställt två gånger.
I Gradiently rymmer varumärkeskitet dina logotyper, färger och typsnitt bredvid varje design, och ditt Mark bär signaturbakgrunden, så de flesta reglerna i en manual på en sida är redan tillämpade när någon öppnar en mall.
Vanliga frågor
Vad ska en grafisk manual innehålla?
Som minimum: positionering, röst, logotypregler, färger med hexkoder och andelar, typsnitt med storlekar, signaturbakgrunden och reserven, vägledning för bilder och några exempel på rätt och fel.
Hur lång ska en grafisk manual vara?
Så kort den kan vara och ändå besvara verkliga frågor. För de flesta små varumärken räcker en sida; lägg bara till avsnitt när samma fråga dyker upp två gånger.
Vad är skillnaden mellan en grafisk manual och ett varumärkeskit?
Den grafiska manualen är reglerna. Varumärkeskitet är filerna: logotyper, typsnitt, färgkoder, bakgrunder och mallar. Var och en ska länka till den andra.
Hur får jag folk att följa varumärkesriktlinjerna?
Skriv konkreta regler med exempel, ge manualen en ägare och bygg in reglerna i mallar så att det korrekta valet blir det enkla.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil
