# Så väljer du varumärkestypsnitt som håller över tid

[Canonical HTML page](https://gradiently.design/sv/guide/brand-fonts)

Ett varumärkestypsnitt används på allt från en reklamskylt till ett mejl om återställt lösenord. Att välja ett handlar mindre om smak i stunden och mer om huruvida det klarar alla jobb i många år.

## The short version

- Varumärkestypsnitt är de typsnitt som ett varumärke använder konsekvent i sin logotyp, webbplats, sociala inlägg, dokument och produkter.
- De flesta varumärken behöver högst två typsnitt: ett primärt med karaktär för rubriker och ett mycket läsbart för brödtext.
- Ett varumärkestypsnitt måste täcka de språk, tecken och vikter som varumärket kommer att behöva, inte bara de det behöver idag.
- Licensen spelar roll: kontrollera att typsnittets licens täcker dator, webb, app och all annan användning innan du binder dig.
- Testa varumärkestypsnitt i verkliga layouter i verkliga storlekar, inklusive på en telefonskärm och i en liten etikett, innan du lägger till dem i ett varumärkeskit.

**Varumärkestypsnitt** är de typsnitt som ett varumärke använder konsekvent överallt där det talar: logotyp, rubriker, webbplats, sociala inlägg, presentationer, förpackningar och mejl. För att välja dem utgår du från den personlighet du vill uttrycka och testar sedan kandidaterna mot praktiska krav: läsbarhet i små storlekar, de språk och tecken du behöver, tillräckligt många vikter för ditt system och en licens som täcker varje ställe där du ska använda dem. De flesta varumärken behöver bara två: ett primärt typsnitt med karaktär och ett mycket läsbart brödtypsnitt.

Den här guiden ger en metod steg för steg. Den passar mellan [så väljer du varumärkesfärger](https://gradiently.design/sv/guide/how-to-choose-brand-colors) och att bygga ett [varumärkeskit](https://gradiently.design/sv/guide/brand-kit), eftersom typsnitt och färg är de två saker som får ett varumärke att se ut som sig självt.

## Vad varumärkestypsnitt gör för igenkänningen

Människor känner igen varumärken på former de har sett förut. Typsnittet är en av de mest upprepade formerna ett varumärke har: det finns i varje rubrik, knapp och bildtext. Ett konsekvent typsnitt får ett inlägg att se ut som ditt innan någon läser namnet längst ner, vilket är samma jobb som en konsekvent färg eller bakgrund gör. Att byta typsnitt varje kampanj kastar bort det.

Ett stående inlägg för ett bageri med en varm serifrubrik på en mjuk gradient

En varm serifrubrik och enkla sans-detaljer: rösten hos ett bageri i kvarteret.

Ett stående inlägg för en mjukvaruprodukt, satt i en ren sans serif på en sval gradient

En precis grotesk rakt igenom: rösten hos en mjukvaruprodukt.

## Så väljer du varumärkestypsnitt, steg för steg

1. **Skriv tre personlighetsord** Beskriv varumärket som en person: *lugn, exakt, generös* eller *högljudd, lekfull, snabb*. De här orden avgör kandidater snabbare än att bläddra. [Varumärkespersonlighet](https://gradiently.design/sv/guide/brand-personality) har en metod.
2. **Välj en struktur** Serif, sans, slab, mono eller skript. Var och en bär med sig associationer. [Serif eller sans serif](https://gradiently.design/sv/guide/serif-vs-sans-serif) förklarar dem. Välj den struktur som passar dina ord och hitta sedan familjer inom den.
3. **Gör en kortlista på tre till fem familjer** Leta efter typsnitt som är bra på ditt vanligaste jobb. Om du mest publicerar sociala inlägg är närvaron i rubriker viktigast. Om du publicerar långa guider är läsbarheten i löptext det.
4. **Kontrollera de praktiska kriterierna** Språk, vikter, kursiv, siffror, licens och filformat, enligt tabellen nedan. Stryk allt som inte håller.
5. **Testa i verkliga layouter** Sätt dina riktiga rubriker, ett stycke, ett pris, ett datum och en knapp i varje finalist. Titta på dem på en telefon och i miniatyrstorlek.
6. **Välj ett partnertypsnitt vid behov** Om det primära typsnittet har stark karaktär, välj ett lugnt brödtypsnitt att para ihop det med. [Typsnittspar](https://gradiently.design/sv/guide/font-pairing) tar upp hur.
7. **Skriv ner reglerna** Notera typsnitt, vikter, storlekar och avstånd per roll i din [grafiska manual](https://gradiently.design/sv/guide/brand-style-guide) och lägg till filerna i ditt varumärkeskit.

## Den praktiska checklistan för varumärkestypsnitt

Personligheten tar ett typsnitt till kortlistan. De här kriterierna avgör om det överlever. De flesta ångrar sig över varumärkestypsnitt för att de hoppat över tabellen och ett år senare upptäcker ett saknat tecken eller en licensfråga.

| Kriterium | Vad du ska kontrollera | Varför det spelar roll |
| --- | --- | --- |
| Språk | Alla skriftsystem och accenttecken du behöver, nu och senare | Ett saknat ö eller ł tvingar fram ett reservtypsnitt mitt i ett ord |
| Vikter | Minst normal och fet, helst en tunn, en medium och en kraftig | Hierarki kräver kontrast inom en och samma familj |
| Kursiv | Äkta kursiv, inte bara lutande antikva | Betoning och citat ser fel ut utan |
| Siffror | Tabellsiffror och proportionella siffror, tydliga 1, 7 och 0 | Priser, tabeller och datum behöver linjera |
| Små storlekar | Läsbart i 12 px på en telefon och i finstilt | Bildtexter, etiketter och juridisk text använder det också |
| Licens | Dator, webb, app, video och all annan användning du planerar | Olicensierad användning är en juridisk risk och en kostnadsrisk |
| Format | OTF eller TTF för designverktyg, WOFF2 för webben | Alla i teamet måste kunna använda det |

Ett varumärkestypsnitt måste klara alla sju. Personlighet räcker inte.

> **Läs licensen** Typsnitt under SIL Open Font License, som de flesta på Google Fonts, får användas kommersiellt, även i logotyper och på webben. Kommersiella typsnittshus licensierar oftast dator, webb, app och annan användning separat, ofta efter volym. Kontrollera innan du bygger ett varumärke på ett typsnitt.

## Ett varumärkestypsnitt eller två

En familj kan räcka om den har ett brett spann av vikter och läses bra både stor och liten. Många starka varumärken använder en enda sans rakt igenom. Två typsnitt är rimligt när ditt primära typsnitt har för mycket karaktär för löptext: ett särpräglat rubriktypsnitt och ett lugnt brödtypsnitt för resten. Mer än två behövs sällan och ser oftast oplanerat ut.

### En familj

- Enklare att hantera och licensiera
- Alltid enhetligt, lätt för team
- Hierarkin kommer från vikt och storlek
- Bäst med en mångsidig, stor familj

### Två familjer

- Mer personlighet i rubriker
- Tydlig uppdelning mellan röst och läsning
- Kräver regler för vad som går var
- Bäst när rubriktypsnittet är särpräglat

Ett [variabelt typsnitt](https://gradiently.design/sv/guide/variable-fonts) kan ge en enda familj ett bredare spann: varje vikt, ibland varje bredd, och optiska storlekar som justeras automatiskt för rubriker och bildtexter.

## Att skriva typsnittsregler som folk följer

Ett typsnittsnamn är inte en regel i sig. Två personer som använder samma typsnitt kan göra designer som ser ut som olika varumärken. Definiera roller och ge varje roll ett typsnitt, en vikt, ett storleksspann, en radhöjd och ett teckenavstånd. Utvecklare kan göra om samma regler till tokens.

```json
{
  "type": {
    "display":  { "family": "Fraunces", "weight": 600, "lineHeight": 1.05, "tracking": "-0.02em" },
    "heading":  { "family": "Fraunces", "weight": 600, "lineHeight": 1.2,  "tracking": "-0.01em" },
    "body":     { "family": "Inter",    "weight": 400, "lineHeight": 1.55, "tracking": "0" },
    "label":    { "family": "Inter",    "weight": 600, "lineHeight": 1.2,  "tracking": "0.1em", "case": "upper" },
    "fallback": "system-ui, -apple-system, 'Segoe UI', sans-serif"
  }
}
```

Varumärkets typografi skriven som roller. Samma värden matar en grafisk manual, ett designverktyg och en webbplats.

Ta med en reserv: det systemtypsnitt som ska användas där ditt varumärkestypsnitt inte kan laddas, till exempel i vissa mejlprogram. Mejl är ett vanligt ställe där varumärkets typsnitt tyst försvinner, så bestäm reserven med avsikt.

När reglerna är satta lägger du typsnitten där hela teamet designar. I Gradiently rymmer varumärkeskitet dina logotyper, färger och typsnitt, så att varje ny design börjar i rätt typsnitt, och varje varumärke i ett konto kan ha sitt eget kit. [Så ställer du in ditt varumärkeskit](https://gradiently.design/sv/guide/brand-kit-setup) går igenom det.

## FAQ

### Hur många typsnitt ska ett varumärke ha?

Ett eller två. En enda mångsidig familj kan täcka allt. Två fungerar när ett särpräglat rubriktypsnitt behöver en lugnare partner för brödtext. Fler än två ser oftast oenhetligt ut.

### Kan jag använda Google Fonts till mitt varumärke?

Ja. De flesta Google Fonts släpps under SIL Open Font License, som tillåter kommersiell användning, inklusive logotyper, webbplatser och tryck. Avvägningen är att populära familjer används av många andra varumärken också.

### Ska min logotyp använda mitt varumärkestypsnitt?

Inte nödvändigtvis. Logotyper är ofta specialritad bokstavering eller ett modifierat typsnitt. Det viktiga är att logotypen och varumärkestypsnitten känns besläktade i uppbyggnad och personlighet.

### Vad bör jag kontrollera innan jag väljer ett varumärkestypsnitt?

Språk och tecken, spannet av vikter och kursiva stilar, läsbarhet i små storlekar, sifferstilar, filformat och en licens som täcker all användning du planerar.