Alle indlæg

Logo · Branding · AI · Hjemmeside

Få lavet logo: sådan får du et, der passer til dit brand — og virker i praksis

Designer, AI-generator eller gør-det-selv? Her er, hvad der skal til for at få et logo, der passer til din virksomhed, og de filer du skal have med hjem, før det kan bruges på hjemmeside og i app.

Af Mark Stoumann · · 7 min. læsning

Et logo er ofte det første, en ny virksomhed får lavet — og ofte det, der bliver lavet om først. Ikke fordi det var grimt, men fordi det ikke passede: ikke til virksomheden, og ikke til de steder, det skulle bruges.

Jeg ser det fra to sider. Jeg hjælper virksomheder med at få lavet et logo, der passer til deres brand. Og jeg er ham, der bagefter skal have logoet til at virke på en hjemmeside, i en app og i en browserfane på 16 pixels. Den sidste del er der mange, der glemmer — og det er dér, et ellers fint logo falder igennem.

Her er, hvad jeg ville ønske, alle vidste, før de fik lavet logo. Undervejs bruger jeg logoet til Surd — min egen app til surdejsbagere — som eksempel, fordi jeg kender hvert et valg bag det.

Start med brandet, ikke med tegningen

Den hyppigste fejl er at begynde med spørgsmålet "hvordan skal det se ud?". Det rigtige første spørgsmål er "hvad skal det sige?".

Et logo skal ikke forklare, hvad du laver. Det skal give det rigtige indtryk af, hvem du er. Før nogen tegner en streg, bør du kunne svare på:

  • Hvem taler du til? En håndværker, en advokat og en festival skal ikke ligne hinanden.
  • Hvilke tre ord skal folk forbinde med jer? Rolig, præcis og nordisk giver et andet logo end legesyg, farverig og højlydt.
  • Hvem ligner I ikke? Kig på konkurrenterne. Er de alle blå og kantede, er det enten en grund til at følge trop — eller til netop ikke at gøre det.
  • Hvor skal det bruges mest? Et logo, der primært lever som app-ikon, stiller andre krav end et, der skal broderes på arbejdstøj.

Svarene er dit brief. Uden dem bliver resultatet tilfældigt, uanset hvem eller hvad der tegner.

For Surd lød svarene nogenlunde sådan: hjemmebagere, ikke professionelle. Varmt, legende og uhøjtideligt. Ikke endnu en stram, minimalistisk tech-app. Og først og fremmest et app-ikon på en telefon. Derfor er bogstaverne bløde og håndtegnede, og derfor bobler det — det er dejen, der gærer.

Tre veje til et logo

En designer. Du får en, der stiller spørgsmålene ovenfor, tegner noget, der er dit eget, og afleverer det i de rigtige filer. Det er den dyreste vej, og det tager længst tid — men det er også den eneste, hvor nogen tager ansvar for, at det passer til netop jer.

En AI-generator eller en skabelon. Hurtigt og billigt, og udmærket til at afprøve retninger. Som færdigt logo har det nogle svagheder, jeg kommer til om lidt.

Selv. Fuldt ud muligt, hvis du har øje for det og holder det enkelt. De fleste logoer, der holder længe, er netop enkle: et navn i en velvalgt skrift og måske ét simpelt mærke.

Der er ikke ét rigtigt valg. Men uanset hvilken vej du går, er kravene til resultatet de samme.

Det, der går galt med AI-logoer

AI-værktøjer kan lave noget, der ligner et logo, på få sekunder. Problemerne viser sig først, når det skal bruges:

Du får pixels, ikke en tegning. De fleste billedgeneratorer leverer en PNG eller JPG. Det ser fint ud på skærmen — indtil det skal forstørres til et skilt eller formindskes til en favicon.

Surds ikon forstørret. Vektorfilen er tegnet af kurver og kan skaleres frit; pixelfilen er et fast antal prikker.

Det er ikke kun dit. Den samme prompt kan give en anden virksomhed noget, der ligner til forveksling. Et logos vigtigste opgave er at adskille dig fra de andre.

Rettighederne er usikre. Ophavsret forudsætter som udgangspunkt, at et menneske har skabt værket, så et rent AI-genereret logo er svagere beskyttet end et, der er tegnet. Jeg er udvikler og ikke jurist, så tag det som en opfordring til to ting: læs vilkårene for det værktøj, du bruger, og søg efter lignende mærker i Patent- og Varemærkestyrelsens register og i EU's TMview, før du binder dig til et logo.

Detaljerne holder ikke. AI elsker forløb, skygger og fine linjer. Alt det forsvinder i små størrelser — og bogstaver i AI-billeder er ofte tegnede former, ikke en rigtig skrifttype, du kan bruge i resten af dit materiale.

Filpakken, du skal have med hjem

Det her er den del, jeg som udvikler oftest mangler. "Jeg har logoet her", siger kunden, og sender et skærmbillede fra et visitkort. Sørg for, at du får det hele — uanset hvem der har lavet det. Sådan ser pakken ud for Surd:

  • logo.svg

    Primær

  • logo-negativ.svg

    Til mørk baggrund

  • logo-ensfarvet.svg

    Én farve

  • logo-uden-bobler.svg

    Forenklet, til små formater

  • app-ikon-1024.png

    App Store

  • favicon.svg

    Browserfanen

Surds logopakke: samme logo i seks udgaver, så der findes en, der virker, uanset hvor det skal bruges.
  • Originalen som vektor (SVG). Det er selve logoet. Alt andet kan laves ud fra den.
  • En negativ udgave til mørke baggrunde. Et mørkt logo forsvinder på en mørk flade.
  • En ensfarvet udgave til stempler, gravering, fakturaer og alle de steder, farver ikke er en mulighed.
  • En forenklet udgave til de små formater. For Surd er det ordet uden bobler — og i de helt små størrelser kun ét bogstav.
  • App-ikon og favicon. App Store kræver 1024 × 1024 pixels uden gennemsigtighed; en hjemmeside bør have en SVG-favicon og en PNG på 180 × 180 til Apple-enheder.
  • Farverne som koder (hex til skærm, eventuelt CMYK eller Pantone til tryk) og navnet på skrifttypen — inklusive om du har licens til at bruge den.

Har du de ting, kan enhver udvikler, trykker eller skiltemager arbejde videre uden at gætte.

Tre tests, før du siger ja

16-pixel-testen. Formindsk logoet til den størrelse, det har i en browserfane. Kan du stadig se, hvad det er?

  • 16 px

    Favicon

  • 32 px

    Fane på skarp skærm

  • 60 px

    App-ikon på telefonen

  • 120 px

    Header på hjemmesiden

16-pixel-testen med Surds ikon: ét bogstav og et par bobler kan stadig aflæses. Hele ordet ville ikke kunne.

Ensfarvet-testen. Gør det helt sort. Virker det stadig, eller var det farverne, der bar det?

Mørk-baggrund-testen. Læg det på sort. Har du en udgave, der fungerer dér?

Et logo, der består alle tre, vil fungere næsten overalt. Dumper det én af dem, er det som regel et tegn på, at det skal forenkles — og forenkling gør næsten altid et logo bedre.

Få rettighederne på skrift

Når en designer har tegnet dit logo, er det ikke automatisk dit. Sørg for, at det fremgår skriftligt, at du får rettighederne til at bruge og ændre logoet, og at du får kildefilerne udleveret. Det er en ren formalitet, når samarbejdet er godt — og afgørende den dag, du skifter leverandør.

Logoer, jeg har lavet

Principperne ovenfor er ikke teori. Her er nogle af de logoer, jeg selv har lavet — til vidt forskellige brands:

  • Logo: Metal A Day
  • Logo: M.A.D. — ikon
  • Logo: Surd
  • Logo: Surd — app-ikon
  • Logo: Nauu
  • Logo: Tenant Manager
  • Logo: Madhalla
Et udvalg af logoer, jeg har lavet — fra metalmagasin til surdejsapp. Samme håndværk, vidt forskellige brands.
  • Metal A Day er et magasin for rock og metal. Logoet er råt og højlydt: tung, tæt skrift og et malet anarki-A på en skæv, rød flade. Det lille ikon, M.A.D., er bygget af de samme dele og holder helt ned i favicon-størrelse.
  • Surd kender du fra eksemplerne ovenfor: bløde, håndtegnede bogstaver og bobler fra dejen, der gærer.
  • Nauu er en to-do-app, der vil være så enkel som muligt. Derfor er logoet tegnet af én rolig streg med samme tykkelse hele vejen.
  • Tenant Manager er et værktøj til it-administration. Her er formsproget kantet og teknisk, med ét mærke, der kan stå alene.
  • Madhalla er en madblog. Et klassisk monogram i en cirkel, der fungerer som stempel på billeder og som profilbillede.

Fem brands, fem udtryk. Det er pointen: et logo skal ligne virksomheden, ikke den, der har tegnet det.

Skal jeg hjælpe?

Jeg hjælper virksomheder med logo og branding: vi starter med, hvem I er, og hvem I taler til, og ender med et logo i en komplet filpakke — og, hvis I vil, de farver, den skrift og det udtryk, der skal gå igen på hjemmeside, i app og på sociale medier. Og skal logoet bagefter ud at leve på en ny hjemmeside eller i en app, kan det bygges af den samme, der kender det ud og ind.

Skriv til mig, og fortæl lidt om din virksomhed — så tager vi en snak om, hvad der skal til.

Ofte stillede spørgsmål

Kan jeg bruge et logo, der er lavet af en AI?
Ja, men vær opmærksom på tre ting: du får som regel en pixelfil og ikke en vektorfil, andre kan få noget, der ligner meget, og rettighederne er mere usikre end for et logo tegnet af et menneske. Læs vilkårene for det værktøj, du bruger, og søg i varemærkeregistrene, før du trykker visitkort.
Hvilket filformat skal et logo være i?
Originalen skal være en vektorfil — i praksis SVG til skærm, eventuelt suppleret med PDF eller EPS til tryk. Derudover er det praktisk at have PNG-filer med gennemsigtig baggrund til de steder, der ikke kan vise SVG.
Hvad er forskellen på vektor og pixel?
En vektorfil beskriver logoet som kurver og kan skaleres til enhver størrelse uden at miste skarphed. En pixelfil (PNG eller JPG) består af et fast antal prikker og bliver grynet, når den forstørres. Et logo skal altid findes som vektor.
Hvilke størrelser skal jeg bruge til favicon og app-ikon?
Til en hjemmeside er en SVG-favicon plus en PNG på 180 × 180 pixels til Apple-enheder et godt udgangspunkt. En app til App Store skal have et ikon på 1024 × 1024 pixels uden gennemsigtighed. Et delebillede til sociale medier er typisk 1200 × 630 pixels.
Hvad gør, at et logo passer til et brand?
At det er tegnet ud fra, hvem virksomheden er, og hvem den taler til — ikke ud fra, hvad der er moderne lige nu. Form, farve og skrift skal give det samme indtryk som resten af virksomheden: tonen i teksterne, hjemmesiden og den måde, I møder kunderne på.

Logo og branding

Skal du have et logo, der passer til din virksomhed?

Jeg hjælper med logo og den visuelle identitet omkring det — farver, skrift og udtryk — og leverer det klar til hjemmeside, app og sociale medier.