Marknaden
Priser
Logga inKom igång
FältguidenVarumärke
Varumärke

Logotypvarianter: primär, staplad, ikon och enfärgad

En logotyp kan inte passa en bred banner, en pytteliten cirkel och en gummistämpel. En liten familj av logotypvarianter kan. Det här är uppsättningen de flesta varumärken behöver, och reglerna som får den att se ut som en logotyp.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Dahlia Serenade · GR·VVP9·E9

Kortversionen

  • Logotypvarianter är olika arrangemang och färgsättningar av samma logotyp, gjorda så att den passar varje yta den visas på.
  • En typisk uppsättning har en primär logotyp, en horisontell version, en staplad version, en ikon eller ett submärke samt enfärgade versioner i svart och vitt.
  • Varje variant ska dela samma bokstavsformer, symbol och färger, så att de läses som en logotyp och inte som flera.
  • Ikonen eller submärket är versionen som används för profilbilder, favicons och andra små kvadratiska ytor.
  • Skriv ned vilken variant som hör hemma var, så att ingen behöver gissa eller sträcka den primära logotypen för att den ska passa.
På den här sidan
Därför räcker inte en logotypDe fem logotypvarianter de flesta varumärken behöverMatcha varje variant med sin ytaFärgvarianter: fullfärg, omvänd och monoSå bygger du en uppsättning logotypvarianterRegler som får varianter att se ut som en logotyp

Logotypvarianter är de olika versionerna av en logotyp, arrangerade och färgsatta för att passa olika ytor. De flesta varumärken behöver fem: en primär logotyp, en horisontell lockup för breda ytor, en staplad version för kvadratiska, en ikon eller ett submärke för små ytor och enfärgade versioner i svart och vitt. Byggda av samma delar låter de logotypen se rätt ut i en banner, en profilbild och en enfärgad stämpel utan att någonsin sträckas eller tryckas ihop.

Därför räcker inte en logotyp

En logotyp designad för en butiksskylt är oftast för bred för en profilbild och för detaljerad för en favicon. När det bara finns en fil improviserar folk: de förminskar den tills den är oläsbar, trycker ihop den för att den ska passa eller lägger den på en bakgrund där den försvinner. Varianter löser det i förväg. Du bestämmer en gång hur logotypen anpassar sig, och alla följer samma svar.

De fem logotypvarianter de flesta varumärken behöver

PrimärHela logotypen som den designades, oftast symbol plus namn

Använd till

Webbplatsens huvud, skyltning, första sidan i dokument
Horisontell

Vad det är

Symbolen till vänster om namnet, på en rad

Använd till

Bannrar, e-posthuvuden, smala navigeringsfält
StapladSymbolen ovanför namnet, centrerad

Använd till

Kvadratiska inlägg, förpackningsetiketter, profilprodukter
Ikon eller submärke

Vad det är

Enbart symbolen eller initialerna

Använd till

Profilbilder, favicons, appikoner, vattenstämplar, klistermärken
EnfärgadVilken som helst av ovanstående i helsvart eller helvitt

Använd till

Enfärgstryck, foton, prägling, stämplar, mörka eller livliga bakgrunder
VariantVad det ärAnvänd till
PrimärHela logotypen som den designades, oftast symbol plus namnWebbplatsens huvud, skyltning, första sidan i dokument
HorisontellSymbolen till vänster om namnet, på en radBannrar, e-posthuvuden, smala navigeringsfält
StapladSymbolen ovanför namnet, centreradKvadratiska inlägg, förpackningsetiketter, profilprodukter
Ikon eller submärkeEnbart symbolen eller initialernaProfilbilder, favicons, appikoner, vattenstämplar, klistermärken
EnfärgadVilken som helst av ovanstående i helsvart eller helvittEnfärgstryck, foton, prägling, stämplar, mörka eller livliga bakgrunder
Din primära logotyp kan redan vara horisontell eller staplad. Då behöver du det andra arrangemanget, plus ikonen och de enfärgade versionerna.

Vissa varumärken lägger till en version med enbart ordmärke, namnet utan symbolen, för ställen där symbolen skulle vara för liten för att läsas. Och en märkes- eller emblemversion kan vara användbar för klistermärken och förpackningssigill. Ingen av dem är nödvändig första dagen.

Matcha varje variant med sin yta

Ytans form avgör varianten. Breda ytor tar den horisontella lockupen, kvadratiska tar den staplade versionen eller ikonen, och allt mindre än en miniatyr får enbart ikonen.

E-posthuvud 1200×600: horisontell

1200 × 600

Instagram-kvadrat 1080×1080: staplad

1080 × 1080

Story 1080×1920: staplad eller ikon

1080 × 1920

LinkedIn-banner 1584×396: horisontell

1584 × 396

Ytans form talar om vilken version du ska ta. En staplad logotyp i en smal banner slösar det mesta av ytan, och en horisontell i en kvadrat blir liten.
Fern Studio
Nyheter och en skötselguide för vintern

I ett brett e-posthuvud löper namnet på en rad och ytan läses naturligt.

Fern

I en kvadrat fyller det staplade arrangemanget ramen och förblir stort nog att läsa.

Färgvarianter: fullfärg, omvänd och mono

Varje arrangemang behöver färgversioner också. Du behöver inte varje kombination, men du behöver de här fyra, så att logotypen har ett svar för ljusa bakgrunder, mörka bakgrunder och enfärgstryck.

Ormbunksgrönt för vardagsbruk, en varm pappersversion för mörka bottnar och rent svart och vitt för stämplar, foton och enfärgsjobb.

På gradienter och foton är den enfärgade vita eller svarta versionen ofta rätt val, eftersom en tvåfärgad logotyp kan krocka med det som ligger bakom. Logotyp på gradientbakgrund visar hur du väljer mellan dem, och idéer för logotypbakgrund har bakgrunder som passar en enkel logotyp.

Så bygger du en uppsättning logotypvarianter

  1. 1

    Börja från den primära logotypen i vektor

    Varje variant arrangeras om från samma masterdelar. Rita aldrig om symbolen eller sätt om namnet i en annan vikt.

  2. 2

    Gör de horisontella och staplade lockuperna

    Flytta symbolen bredvid eller ovanför namnet. Fastställ avståndet mellan dem som ett mått, till exempel höjden på namnets versaler.

  3. 3

    Förenkla ikonen

    Ta symbolen eller initialerna för sig, ta bort fina detaljer och förtjocka tunna linjer. Den måste läsas i mycket små storlekar, så testa den som favicon.

  4. 4

    Skapa färgversionerna

    Fullfärg, omvänd, svart och vit för varje arrangemang. Kontrollera den omvända versionen på din mörkaste varumärkesfärg.

  5. 5

    Ange fri yta och minimistorlekar

    Definiera den tomma marginalen runt varje version och den minsta storlek den får användas i, i pixlar för skärmar och millimeter för tryck.

  6. 6

    Exportera och namnge filerna tydligt

    SVG, PDF och transparent PNG för varje, med namn som fern-stacked-reversed.svg så att folk väljer rätt utan att öppna den.

Regler som får varianter att se ut som en logotyp

Undvik

  • Att sträcka eller trycka ihop en version för att den ska passa en yta
  • Att rita om ikonen olika för varje plattform
  • Nya färger som bara finns i en variant
  • Att lägga till slogans på vissa versioner och inte andra på måfå
  • Att använda den primära logotypen där ikonen hör hemma

Gör så här

  • Välj den variant vars form matchar ytan
  • En ikon, använd överallt där en liten kvadrat behövs
  • Samma palett genom hela uppsättningen
  • Behandla en lockup med slogan som en egen dokumenterad variant
  • Respektera fri yta och minimistorlekar

Dokumentera uppsättningen på en enda sida i din varumärkesmanual: varje variant, dess färgversioner, fria yta, minimistorlek och var den används. Lägg sedan filerna där folk faktiskt designar. I Gradiently rymmer varumärkeskitet flera logotyper sida vid sida, så den staplade versionen, ikonen och den omvända filen ligger ett klick bort i Studio, och Designer kan tillämpa kitet när den lägger ut en design. Varumärkeskit tar upp resten av det som hör hemma bredvid dem.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Vad är logotypvarianter?

De är alternativa versioner av en logotyp, som horisontell, staplad, ikon och enfärgad, gjorda så att logotypen passar varje yta utan att förvrängas.

Hur många logotypvarianter behöver jag?

De flesta varumärken behöver ungefär fem: primär, horisontell, staplad, en ikon eller ett submärke samt svartvita versioner. Lägg bara till fler när ett verkligt behov finns.

Vad är en submärkeslogotyp?

Ett submärke är en förenklad, oftast kompakt version av logotypen, ofta initialer eller enbart symbolen, som används på små ytor som profilbilder, favicons och klistermärken.

Vad är en responsiv logotyp?

En responsiv logotyp är en uppsättning varianter som förenklas när ytan krymper, från hela lockupen på stora skärmar till bara ikonen i de minsta storlekarna.

Vilken logotypvariant ska jag använda för en profilbild?

Använd ikonen eller submärket, eller den staplade versionen om den är kort, på en kvadratisk bakgrund. Breda horisontella logotyper blir oläsliga i en liten cirkel.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

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

På den här sidan

Därför räcker inte en logotypDe fem logotypvarianter de flesta varumärken behöverMatcha varje variant med sin ytaFärgvarianter: fullfärg, omvänd och monoSå bygger du en uppsättning logotypvarianterRegler som får varianter att se ut som en logotyp

Dela den här guiden

Nästa i Varumärke

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

Läs vidare

Alla guider om Varumärke
Varumärke

Grunderna i logotypdesign: enkla logotyper som håller

5 minuters läsning

En logotyp har ett litet jobb på många ställen. Den måste fungera i en färg, i storleken av en fingernagel och på vilken bakgrund som helst. Det här är principerna och processen som tar dig dit.

Varumärke

Logotypstorlekar för webbplatser, sociala medier och tryck

5 minuters läsning

Folk frågar efter rätt logotypstorlek som om det fanns ett enda tal. Det gör det inte: det finns en masterfil och en vettig storlek för varje plats den hamnar på. Här är de platserna, med ytstorlekarna och filerna att använda.

Varumärke

Så gör du en grafisk manual som folk faktiskt använder

5 minuters läsning

De flesta grafiska manualer öppnas en gång och glöms bort. De som fungerar är korta, visar varje regel och finns där folk designar. Så skriver du en sådan.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently