# Visuell identitet, varumärkesidentitet och logotyp: skillnaden

[Canonical HTML page](https://gradiently.design/sv/guide/visual-identity)

Tre begrepp som används som om de betydde samma sak. Det gör de inte, och skillnaden förklarar varför en ny logotyp så sällan lagar ett varumärke som ingen känner igen.

## The short version

- En visuell identitet är ett varumärkes synliga system: logotyp, färger, typsnitt, bilder, grafiska element, bakgrunder, layouter och rörelse.
- Varumärkesidentitet är bredare än visuell identitet, eftersom den också omfattar namn, positionering och röst.
- En logotyp är ett enskilt element i den visuella identiteten, oftast den minsta och mest sällan lästa delen.
- En visuell identitet fungerar när folk känner igen varumärket med logotypen övertäckt, eftersom färg, typsnitt, botten och layout gör jobbet.
- Ett visuellt identitetssystem skrivs ner som regler, så att vem som helst kan tillämpa det på ett nytt format och ändå se ut som varumärket.

En **visuell identitet** är allt du kan se av ett varumärke, i form av ett enda system: logotypen, färgerna, typsnitten, bilderna, de grafiska formerna, bakgrunderna, layouterna och rörelsen. Den ryms inom den bredare varumärkesidentiteten, som också omfattar namn, positionering och röst. Och logotypen ryms inom den visuella identiteten som ett element av många, oftast det minsta. Enkelt uttryckt: en logotyp signerar arbetet, en visuell identitet gör arbetet igenkännbart och en varumärkesidentitet avgör vad arbetet ska säga.

## Logotyp, visuell identitet och varumärkesidentitet sida vid sida

| Fråga | Logotyp | Visuell identitet | Varumärkesidentitet |
| --- | --- | --- | --- |
| Vad det är | Ett märke eller en ordbild | Det synliga systemet | Allt varumärket väljer att vara |
| Omfattar | Symbol, ordbild, kombinationer | Logotyp, färg, typsnitt, bilder, bakgrunder, layout, rörelse | Visuell identitet plus namn, positionering, röst |
| Uppgift | Signera och identifiera | Göra allt igenkännbart | Avgöra vad varumärket står för och hur det låter |
| Var du ser den | Hörn, favikoner, skyltar | Varje inlägg, sida, bild och förpackning | Varje upplevelse, inklusive ord och service |
| Fungerar ensam? | Sällan | Oftast, även utan logotypen | Den är helheten |

Var och en rymmer den föregående. En logotyp utan visuell identitet är en signatur på ett tomt papper.

Förvirringen är begriplig. I årtionden var logotypen den dyraste och mest synliga leveransen i ett varumärkesprojekt, så den blev en förkortning för helheten. Men i en värld av flöden, stories och miniatyrer är logotypen ofta för liten för att läsas, medan färg, typsnitt och bakgrund fyller skärmen. Hela listan över vad en varumärkesidentitet består av finns i [vad är varumärkesidentitet](https://gradiently.design/sv/guide/what-is-brand-identity).

## Därför är en logotyp inte en identitet

Tänk dig två kaféer med lika bra logotyper. Det första sätter sin logotyp på det foto eller den mall som råkar finnas till hands, det andra sätter den på samma varma botten, med samma typsnitt och samma layout varje gång. Inom en månad känner folk igen det andra kaféets inlägg ur ögonvrån. Det första kaféets inlägg ser ut som allas, med en logotyp som ingen läser.

### Bara logotyp

- En annan bakgrund och ett annat typsnitt för varje inlägg
- Igenkänningen beror på att folk läser ett litet märke
- Varje nytt format designas från början
- Att designa om logotypen ändrar inget som folk märker

### Visuell identitet

- En botten, en typstil, ett sätt att lägga upp saker
- Igenkänningen sker innan något har lästs
- Nya format följer reglerna och passar ändå
- Logotypen kan förbli liten, eftersom allt annat bär varumärket

Det gör inte logotyper oviktiga. En bra logotyp är nödvändig för små ytor, avslutningar och juridiska märken. Den kan bara inte bära igenkänningen ensam. [Gradientlogotyper](https://gradiently.design/sv/guide/gradient-logo) och [att lägga en logotyp på en gradient](https://gradiently.design/sv/guide/logo-on-gradient-background) går djupare in på själva logotypen.

## Vad ett visuellt identitetssystem omfattar

En visuell identitet blir ett system när dess delar är definierade nog för att någon annan ska kunna använda dem. Du behöver ingen manual på hundra sidor. Du behöver minimikraven för varje element, nedskrivna.

| Element | Minimum att definiera |
| --- | --- |
| Logotyp | Huvudversion, en enfärgsversion, minsta storlek, fri yta |
| Färg | Två till fem färger med hexkoder och proportioner |
| Typsnitt | Ett eller två typsnitt, med storlekar för rubrik och brödtext |
| Bakgrund | En signaturbotten, till exempel en gradient, textur eller ton, plus en platt reserv |
| Bilder | Hur foton eller illustrationer ser ut och hur de behandlas |
| Grafiska element | Former, linjer, ikoner eller mönster, om du använder några |
| Layout | Marginaler, justering och var logotypen hamnar |
| Rörelse | Rörelsens tempo och stil, om du publicerar video |

Bakgrundsraden är den som de flesta små varumärken lämnar tom, och den täcker flest pixlar.

## En visuell identitet måste fungera i alla storlekar

Det verkliga provet för en visuell identitet är spännvidd. Samma varumärke måste hålla på en hög story, en mycket bred banner, ett litet visitkort och en videominiatyr. Logotyper tenderar att gå sönder i ytterlägena, medan en signaturfärg, ett typsnitt och en botten bär över alla.

- Story 9:16: 1080 × 1920
- Instagram-inlägg 4:5: 1080 × 1350
- YouTube-miniatyr: 1280 × 720
- Visitkort: 1050 × 600
- LinkedIn-banner: 1584 × 396

Fem verkliga format, ritade i skala. En visuell identitet ska se ut som sig själv i vart och ett av dem.

Ett visitkort för en keramikateljé satt i enkel text på en signaturgradient

Ett visitkort i 300 dpi …

En bred LinkedIn-banner för samma keramikateljé med samma botten och samma typsnitt

… och en LinkedIn-banner, igenkännbart densamma utan någon logotyp.

## Så kontrollerar du om du har en visuell identitet

1. **Täck över logotypen** Ta sex nya inlägg, sidor eller bilder och dölj logotypen på var och en. Om de fortfarande ser ut som ett varumärke har du en visuell identitet.
2. **Blanda dem med konkurrenterna** Lägg ditt arbete bland andras arbete i din kategori. Om ditt försvinner behöver du minst en [särskiljande varumärkestillgång](https://gradiently.design/sv/guide/distinctive-brand-assets).
3. **Ge den till någon ny** Be en kollega eller frilansare göra en ny design utifrån dina regler. Om de behöver ställa många frågor är reglerna inte nedskrivna än, så börja med en [varumärkesmanual](https://gradiently.design/sv/guide/brand-style-guide).

Om en Gradiently-Mark är din signaturbotten renderar Studio den i varje storlek och håller ditt varumärkeskits logotyper, färger och typsnitt ett klick bort, så det blir lättare att klara testet med övertäckt logotyp.

## FAQ

### Vad är en visuell identitet?

Det är ett varumärkes synliga system: logotyp, färger, typsnitt, bilder, grafiska element, bakgrunder, layouter och rörelse, definierade nog för att vem som helst ska kunna tillämpa dem.

### Vad är skillnaden mellan visuell identitet och varumärkesidentitet?

Visuell identitet är bara det du kan se. Varumärkesidentitet omfattar också namn, positionering och röst, så den visuella identiteten är en del av den.

### Är en logotyp en visuell identitet?

Nej. En logotyp är ett element i en visuell identitet. Utan konsekvent färg, typsnitt och bakgrunder runt den gör en logotyp sällan ett varumärke igenkännbart på egen hand.

### Vad bör ett visuellt identitetssystem innehålla?

Minst: logotypversioner och regler, en färgpalett med proportioner, ett eller två typsnitt, en signaturbakgrund med platt reserv, riktlinjer för bilder och enkla layoutregler.