Snygg mailsignatur – så designar du den

En snygg signatur är inte den med flest ikoner, utan den som är lätt att läsa i en mejltråd på en mobilskärm. Här är de designval som gör skillnad – och de begränsningar i e-postprogrammen som avgör vad som faktiskt går att göra.

Typografi: ett typsnitt, tydlig hierarki

Använd ett typsnitt och skapa skillnaden med grad och vikt: namnet i 15–16 px halvfet, titel och företag i 14 px, kontaktuppgifter i 13–14 px i en dämpad grå ton. Redan där får signaturen ett professionellt uttryck.

Välj ett typsnitt som finns på mottagarens dator – e-postprogram laddar inte webbtypsnitt. Systemtypsnitt som Helvetica, Arial, Georgia och Verdana återges likadant överallt. I mejlon anger du typsnitt, storlek, fetstil, kursiv och färg per rad, och en säker reservkedja följer med i koden.

Färg: två räcker

En mörk textfärg och en accentfärg från logotypen. Använd accentfärgen sparsamt – på namnet, en skiljelinje eller ikonerna. Undvik ren svart (#000) och välj en mörkgrå ton, det ser mjukare ut på skärm. Färgad bakgrund bakom hela signaturen ser ofta fel ut i mörkt läge och bör undvikas.

Logotyp och porträtt

Håll logotypen mellan 120 och 200 px bred och ladda upp den i dubbla storleken för skärmar med hög upplösning. PNG med transparent bakgrund fungerar bäst. Porträtt blir snyggast i kvadratiskt format, runt 80–100 px. Bilden ska alltid ligga på en publik adress med angiven bredd i koden, annars visar Outlook en tom ruta.

Struktur och radavstånd

Gruppera informationen: identitet först (namn, titel, företag), sedan kontaktuppgifter, sist logotyp eller juridisk rad. En tunn linje eller lite extra luft mellan grupperna gör mer för läsbarheten än ikoner. Ikoner för telefon, adress, e-post och webb är fina, men behöver alt-text och en textvariant för den som blockerar bilder – mejlon låter dig välja mellan ikoner, utskrivna etiketter eller inget prefix.

Checklista innan du sparar

  • Läsbar på en mobilskärm
  • Max tre till fem rader
  • Ett typsnitt, max två färger
  • Klickbart telefonnummer
  • Logotyp under 200 px bred
  • Alt-text på alla bilder
  • Ingen bild av hela signaturen
  • Testad i ett riktigt mejl till dig själv

Vanliga misstag

För mycket information. Postadress, fax, fyra telefonnummer och tre sociala ikoner gör signaturen till en vägg av text. Ta bort det ingen använder.

Stora citat och miljöuppmaningar. De läses inte, men följer med i varje svar i tråden.

Webbtypsnitt. Snyggt i designverktyget, men faller tillbaka till Times New Roman hos mottagaren.

Signaturen som en enda bild. Går inte att kopiera text från, blockeras ofta och fungerar dåligt med skärmläsare.

Designa en signatur du är stolt över

Styr typsnitt, storlek och färg per rad – och kopiera en signatur som håller ihop i alla e-postprogram.