Logo-guidelines til nye bloggere

Sådan leverer du dine logo-filer, så jeg kan designe din nye blog

For at jeg kan designe din blog bedst muligt, har jeg brug for at modtage dit logo i de rigtige formater og den rigtige kvalitet. Dette dokument samler de vigtigste retningslinjer, så vi undgår uskarpe logoer, forkerte farver og rod i processen.

Læs det igennem, før du sender dit logo til mig. Har du spørgsmål undervejs, så skriv endelig.

(Du kommer til at takke dig selv senere, for at have gjort det rigtigt i første omgang.)

Hvad jeg skal bruge

Her er det korte overblik. Detaljerne kommer længere nede.

  • Hovedlogo i lys og mørk variant (SVG + PNG)

  • Favicon/brand ikon i lys og mørk variant (SVG + PNG)

  • Brandfarver som HEX-koder

  • Font-fil hvis logoet indeholder custom typografi (se afsnit længere nede)

Hovedlogo

Aflangt logo med navn, evt. med ikon. Skal være enten PNG eller SVG med gennemsigtig baggrund. Skal bruges til header (menulinje) og er typisk mellem 20 og 40 px høj.

Til lys baggrund

ditbrandnavn-logo.svg

Til mørk baggrund

ditbrandnavn-logo-white.svg

  • Formater: SVG (foretrukket) + PNG med transparent baggrund

  • Proportioner: Passende aspect ratio (aflangt foretrukket). Det giver mig den største frihed når jeg skal placere logoet i headeren

  • PNG-størrelse: Minimum 2x den ønskede størrelse, så logoet er knivskarpt på retina-skærme

  • Beskæring: Tæt beskåret, med så lidt luft omkring logoet som muligt. Sørg for at logoet er balanceret både vertikalt og horisontalt

Favicon/brand ikon

Det lille ikon der vises i browser-faner, bogmærker, app-ikoner, delinger på sociale medier og ude i Googles søgeresultater. Skal være læsbart helt ned til 16×16px.

  • Format: PNG med transparent baggrund

  • Proportioner: Kvadratisk (1:1)

  • PNG-størrelse: 512×512px. Jeg genererer selv de mindre størrelser ud fra master-filen

  • Tip om sammenhæng: Brug gerne det samme ikon-element i favicon'et som i hovedlogoet. Det giver et stærkere brand, og du undgår at skulle have designet et separat ikon senere

Tekst i logoet (vigtig teknisk note)

Hvis dit logo indeholder tekst, skal teksten være konverteret til paths/outlines i SVG-filen.

Hvis ikke, refererer SVG'en til en font der måske ikke er installeret på serveren, og logoet vil se forkert ud på din blog. Det her er den hyppigste fejl, så bed din grafiker om at gøre det inden levering.

Hvis du selv laver logoet i fx Canva eller Figma, sørg for at eksportere SVG'en med "outlined text" eller "tekst som paths".

Brandfarver

Send dine brandfarver som HEX-koder sammen med logofilerne. Fx:

  • Primær: #442b3d

  • Sekundær: #ab8da2

På den måde har vi alle farver samlet ét sted, og jeg kan bruge dem konsistent i resten af dit blog-design.

Har du ikke et logo endnu?

Tre muligheder:

  1. Få lavet et af en designer (kender du ikke en designer, så har jeg nogen jeg kan anbefale)

  2. Lav et selv i Canva eller anden software

  3. Jeg laver et til dig - spørg efter pris

Sådan navngiver og sender du filerne

Saml det hele og send via:

  1. Vores Monday board (anbefalet)

  2. Dropbox, Google Drive eller WeTransfer

Navngiv filerne tydeligt, så det er nemt at finde dem igen senere:

  • ditbrandnavn-logo.svg (eller .png)

  • ditbrandnavn-logo-white.svg (eller .png)

  • ditbrandnavn-favicon.png

  • ditbrandnavn-favicon-white.png

Husk også at vedhæfte HEX-farvekoderne og fontfilen, hvis det er relevant.