# Logovarianter: primær, stablet, ikon og én farve

[Canonical HTML page](https://gradiently.design/da/guide/logo-variations)

Ét logo kan ikke passe til et bredt banner, en lillebitte cirkel og et gummistempel. En lille familie af logovarianter kan. Her er det sæt, de fleste brands har brug for, og de regler, der holder det til at ligne ét logo.

## The short version

- Logovarianter er forskellige opsætninger og farvninger af det samme logo, lavet så det passer til ethvert sted, det vises.
- Et typisk sæt består af et primært logo, en vandret version, en stablet version, et ikon eller submark og versioner i én farve i sort og hvid.
- Alle varianter bør dele de samme bogstavformer, det samme symbol og de samme farver, så de opfattes som ét logo frem for flere.
- Ikonet eller submarket er den version, der bruges til profilbilleder, favicons og andre små kvadratiske pladser.
- Skriv ned, hvilken variant der skal bruges hvor, så ingen skal gætte eller strække det primære logo for at få det til at passe.

**Logovarianter** er de forskellige versioner af ét logo, sat op og farvet, så de passer til forskellige pladser. De fleste brands har brug for fem: et primært logo, en vandret opsætning til brede pladser, en stablet version til kvadratiske, et ikon eller submark til bittesmå pladser og versioner i én farve i sort og hvid. Bygget af de samme dele lader de logoet se rigtigt ud i et banner, et profilbillede og et stempel i én farve, uden nogensinde at blive strakt eller klemt.

## Hvorfor ét logo ikke er nok

Et logo designet til et butiksskilt er som regel for bredt til et profilbillede og for detaljeret til et favicon. Når der kun er én fil, improviserer folk: de formindsker det, til det er ulæseligt, klemmer det for at få det til at passe eller sætter det på en baggrund, hvor det forsvinder. Varianter løser det på forhånd. Du beslutter én gang, hvordan logoet tilpasser sig, og alle følger det samme svar.

## De fem logovarianter, de fleste brands har brug for

| Variant | Hvad det er | Brug den til |
| --- | --- | --- |
| Primær | Hele logoet, som det er designet, som regel symbol plus navn | Header på hjemmesiden, skilte, forsiden af dokumenter |
| Vandret | Symbolet til venstre for navnet på én linje | Bannere, e-mailheadere, smalle navigationsbjælker |
| Stablet | Symbolet over navnet, centreret | Kvadratiske opslag, emballageetiketter, merchandise |
| Ikon eller submark | Symbolet eller initialerne alene | Profilbilleder, favicons, app-ikoner, vandmærker, klistermærker |
| Én farve | En hvilken som helst af ovenstående i helt sort eller helt hvidt | Tryk i én farve, fotos, prægning, stempler, mørke eller urolige baggrunde |

Dit primære logo er måske allerede vandret eller stablet. I så fald har du brug for den anden opsætning plus ikonet og versionerne i én farve.

Nogle brands tilføjer en version med **kun ordmærket**, navnet uden symbolet, til steder, hvor symbolet ville være for lille til at kunne ses. Og en **badge**- eller emblemversion kan være nyttig til klistermærker og forseglinger på emballage. Ingen af dem er nødvendige fra dag ét.

## Sådan matcher du hver variant med sin plads

Pladsens form bestemmer varianten. Brede pladser får den vandrette opsætning, kvadratiske pladser får den stablede version eller ikonet, og alt mindre end en thumbnail får ikonet alene.

- E-mailheader 1200×600: vandret: 1200 × 600
- Instagram-kvadrat 1080×1080: stablet: 1080 × 1080
- Story 1080×1920: stablet eller ikon: 1080 × 1920
- LinkedIn-banner 1584×396: vandret: 1584 × 396

Lærredets form fortæller dig, hvilken version du skal gribe efter. Et stablet logo i et tyndt banner spilder det meste af pladsen; et vandret i et kvadrat bliver lillebitte.

En bred e-mailheader med navnet Fern Studio på én linje og en kort linje om nye planter på en grøn gradient

I en bred e-mailheader løber navnet på én linje, og pladsen føles naturlig.

Et kvadratisk Instagram-opslag med ordet Studio over et stort Fern, stablet og centreret på samme grønne gradient

I et kvadrat fylder den stablede opsætning rammen og forbliver stor nok til at kunne læses.

## Farvevarianter: fuld farve, negativ og én farve

Hver opsætning har også brug for farveversioner. Du behøver ikke alle kombinationer, men du har brug for disse fire, så logoet har et svar på lyse baggrunde, mørke baggrunde og tryk i én farve.

- Fuld farve på lyst: #14532d
- Negativ på mørkt: #f7f3ea
- Én farve, sort: #111111
- Én farve, hvid: #ffffff

Bregnegrøn til daglig brug, en varm papirversion til mørke bunde og ren sort og hvid til stempler, fotos og tryk i én farve.

På gradienter og fotos er versionen i hvid eller sort ofte det rigtige valg, fordi et logo i to farver kan støde sammen med det, der ligger bagved. [Logo på en gradientbaggrund](https://gradiently.design/da/guide/logo-on-gradient-background) viser, hvordan du vælger mellem dem, og [idéer til logobaggrunde](https://gradiently.design/da/guide/logo-background-ideas) har baggrunde, der passer til et enkelt logo.

## Sådan bygger du et sæt logovarianter

1. **Start fra det primære logo i vektor** Hver variant sættes sammen af de samme masterdele. Tegn aldrig symbolet om, og sæt aldrig navnet i en anden vægt.
2. **Lav den vandrette og den stablede opsætning** Flyt symbolet ved siden af eller over navnet. Lås afstanden mellem dem som et mål, for eksempel højden på navnets store bogstaver.
3. **Forenkl ikonet** Tag symbolet eller initialerne alene, fjern fine detaljer, og gør tynde linjer tykkere. Det skal kunne læses i meget små størrelser, så test det som [favicon](https://gradiently.design/da/guide/favicon-design).
4. **Lav farveversionerne** Fuld farve, negativ, sort og hvid til hver opsætning. Tjek den negative version på din mørkeste brandfarve.
5. **Fastlæg frizone og minimumsstørrelser** Definér den tomme margin omkring hver version og den mindste størrelse, den må bruges i, i pixels til skærme og millimeter til tryk.
6. **Eksportér, og navngiv filerne tydeligt** SVG, PDF og gennemsigtig PNG til hver, navngivet som `fern-stacked-reversed.svg`, så folk vælger den rigtige uden at åbne den.

## Regler, der får varianter til at ligne ét logo

### Undgå

- At strække eller klemme en version for at få den til at passe
- At tegne ikonet forskelligt til hver platform
- Nye farver, der kun optræder i én variant
- At tilføje taglines til nogle versioner og ikke andre, tilfældigt
- At bruge det primære logo, hvor ikonet hører til

### Gør

- Vælg den variant, hvis form matcher pladsen
- Ét ikon, brugt overalt, hvor der skal bruges et lille kvadrat
- Den samme palet i hele sættet
- Behandl en opsætning med tagline som sin egen dokumenterede variant
- Respektér frizone og minimumsstørrelser

Dokumentér sættet på én side i din [brandmanual](https://gradiently.design/da/guide/brand-style-guide): hver variant, dens farveversioner, frizone, minimumsstørrelse og hvor den bruges. Læg så filerne der, hvor folk faktisk designer. I Gradiently rummer brand kittet flere logoer side om side, så den stablede version, ikonet og den negative fil alle er ét klik væk i Studio, og Designer kan bruge kittet, når den sætter et design op. [Brand kit](https://gradiently.design/da/guide/brand-kit) gennemgår resten af det, der hører til ved siden af.

## FAQ

### Hvad er logovarianter?

Det er alternative versioner af ét logo, som vandret, stablet, ikon og én farve, lavet så logoet passer til enhver plads uden at blive forvrænget.

### Hvor mange logovarianter har jeg brug for?

De fleste brands har brug for omkring fem: primær, vandret, stablet, et ikon eller submark og sort-hvide versioner. Tilføj kun flere, når en reel brug kræver det.

### Hvad er et submark-logo?

Et submark er en forenklet, som regel kompakt version af logoet, ofte initialer eller symbolet alene, der bruges på små pladser som profilbilleder, favicons og klistermærker.

### Hvad er et responsivt logo?

Et responsivt logo er et sæt varianter, der forenkles, efterhånden som pladsen skrumper, fra den fulde opsætning på store skærme til kun ikonet i de mindste størrelser.

### Hvilken logovariant skal jeg bruge til et profilbillede?

Brug ikonet eller submarket, eller den stablede version, hvis den er kort, på en kvadratisk baggrund. Brede vandrette logoer bliver ulæselige i en lille cirkel.