Typografi og tekst

Slik velger du merkevareskrifter som holder

En merkevareskrift brukes på alt fra en reklametavle til en e-post om tilbakestilt passord. Å velge én handler mindre om smak i øyeblikket og mer om hvorvidt den kan gjøre alle jobbene i årevis.

GradientlyVerifisert Gradiently-konto··5 min lesetid
Omslag: Thunder Glaze · GR·BYSM·DX

Kortversjonen

  • Merkevareskrifter er skrifttypene en merkevare bruker konsekvent i logoen, på nettsiden, i innlegg i sosiale medier, dokumenter og produkter.
  • De fleste merkevarer trenger høyst to skrifter: en primærskrift med karakter til overskrifter og en svært lesbar skrift til tekst.
  • En merkevareskrift må dekke språkene, tegnene og skriftsnittene merkevaren kommer til å trenge, ikke bare de den trenger i dag.
  • Lisens betyr noe: sjekk at skriftens lisens dekker skrivebord, nett, app og all annen bruk før du binder deg til den.
  • Test merkevareskrifter på ekte oppsett i ekte størrelser, også på en mobilskjerm og en liten etikett, før du legger dem inn i et merkevaresett.
På denne siden

Merkevareskrifter er skrifttypene en merkevare bruker konsekvent overalt den uttaler seg: logo, overskrifter, nettsted, innlegg i sosiale medier, lysbilder, emballasje og e-post. For å velge dem begynner du med personligheten du vil uttrykke, og tester deretter kandidatene mot praktiske behov: lesbarhet i små størrelser, språkene og tegnene du trenger, nok skriftsnitt for systemet ditt og en lisens som dekker alle stedene du skal bruke dem. De fleste merkevarer trenger bare to: en primærskrift med karakter og en svært lesbar tekstskrift.

Denne guiden gir en steg-for-steg-metode. Den passer mellom slik velger du merkevarefarger og å bygge et merkevaresett, fordi typografi og farge er de to tingene som får en merkevare til å se ut som seg selv.

Hva merkevareskrifter gjør for gjenkjenningen

Folk kjenner igjen merkevarer på former de har sett før. Typografi er en av formene en merkevare gjentar mest: den dukker opp i hver overskrift, knapp og bildetekst. En konsekvent skrift får et innlegg til å se ut som ditt før noen leser navnet nederst, som er den samme jobben en konsekvent farge eller bakgrunn gjør. Å bytte skrift for hver kampanje kaster det bort.

En varm serif-overskrift og enkle sans-detaljer: stemmen til et bakeri i nabolaget.

En presis grotesk hele veien: stemmen til et programvareprodukt.

Slik velger du merkevareskrifter, steg for steg

  1. 1

    Skriv tre personlighetsord

    Beskriv merkevaren som en person: rolig, nøyaktig, sjenerøs eller høylytt, leken, rask. Disse ordene utelukker og slipper inn kandidater raskere enn å bla. Merkevarepersonlighet har en metode.

  2. 2

    Velg en struktur

    Serif, sans, slab, mono eller skjønnskrift. Hver bærer assosiasjoner. Serif mot sans serif forklarer dem. Velg strukturen som passer ordene dine, og finn så familier innenfor den.

  3. 3

    Lag en kortliste på tre til fem familier

    Se etter skrifter som er gode på din vanligste jobb. Publiserer du mest innlegg i sosiale medier, betyr overskriftsutstrålingen mest. Publiserer du lange guider, betyr tekstkomforten mest.

  4. 4

    Sjekk de praktiske kriteriene

    Språk, skriftsnitt, kursiv, tall, lisens og filformater, som listet i tabellen under. Stryk alt som ikke består.

  5. 5

    Test på ekte oppsett

    Sett dine ekte overskrifter, et avsnitt, en pris, en dato og en knapp i hver finalist. Se på dem på en mobil og i miniatyrstørrelse.

  6. 6

    Velg en partnerskrift om nødvendig

    Har primærskriften sterk karakter, velg en rolig tekstskrift å kombinere den med. Skriftkombinasjoner tar for seg hvordan.

  7. 7

    Skriv reglene ned

    Noter skrifter, skriftsnitt, størrelser og avstander per rolle i stilguiden for merkevaren, og legg filene inn i merkevaresettet ditt.

Den praktiske sjekklisten for merkevareskrifttyper

Personlighet får en skrift på kortlisten. Disse kriteriene avgjør om den overlever. Det meste av angeren over merkevareskrifter kommer av at man hopper over denne tabellen og et år senere oppdager et manglende tegn eller en lisens.

KriteriumHva du sjekkerHvorfor det betyr noe
SpråkAlle skrifttegn og aksenttegn du trenger, nå og senereEn manglende ö eller ł tvinger fram en reserveskrift midt i ordet
SkriftsnittMinst regular og bold, helst en light, medium og heavyHierarki trenger kontrast innenfor én familie
KursivEkte kursiv, ikke bare skråstilt rett skriftUthevinger og sitater ser feil ut uten
TallTabulære og proporsjonale tall, tydelige 1, 7 og 0Priser, tabeller og datoer må stå på linje
Små størrelserLesbar ved 12 px på en mobil og i liten skriftBildetekster, etiketter og juridisk tekst bruker den også
LisensSkrivebord, nett, app, video og all annen bruk du planleggerUlisensiert bruk er en juridisk og økonomisk risiko
FormaterOTF eller TTF til designverktøy, WOFF2 til nettetAlle på teamet må kunne bruke den
En merkevareskrift må bestå alle sju. Personlighet alene er ikke nok.

Én merkevareskrift eller to

Én familie kan være nok hvis den har et bredt spenn av skriftsnitt og leses godt både stort og smått. Mange sterke merkevarer bruker én enkelt sans til alt. To skrifter gir mening når primærskriften har for mye karakter til avsnitt: en særegen displayskrift til overskrifter og en rolig tekstskrift til resten. Mer enn to trengs sjelden og ser som regel uplanlagt ut.

Én familie

  • Enklere å administrere og lisensiere
  • Alltid konsekvent, enkelt for team
  • Hierarki kommer fra skriftsnitt og størrelse
  • Best med en allsidig, stor familie

To familier

  • Mer personlighet i overskrifter
  • Tydelig skille mellom stemme og lesing
  • Trenger regler for hva som går hvor
  • Best når overskriftsskriften er særegen

En variabel skrift kan gi én enkelt familie et bredere spenn: hvert skriftsnitt, av og til hver bredde, og optiske størrelser som justeres automatisk for overskrifter og bildetekster.

Å skrive regler for merkevareskrifter som folk følger

Et skriftnavn alene er ikke en regel. To personer som bruker samme skrift, kan lage design som ser ut som ulike merkevarer. Definer roller, og gi hver rolle en skrift, et skriftsnitt, et størrelsesspenn, en linjehøyde og en bokstavavstand. Utviklere kan gjøre de samme reglene om til 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"
  }
}
Merkevaretypografi skrevet som roller. De samme verdiene mater en stilguide, et designverktøy og et nettsted.

Ta med en reserve: systemskriften som skal brukes der merkevareskriften ikke kan lastes, for eksempel i enkelte e-postklienter. E-post er et vanlig sted der merkevaretypografi stille forsvinner, så bestem reserven med vilje.

Når reglene er satt, legger du skriftene der hele teamet designer. I Gradiently rommer merkevaresettet logoene, fargene og skriftene dine, så hvert nytt design starter i riktig skrift, og hver merkevare i en konto kan ha sitt eget sett. Slik setter du opp merkevaresettet tar deg gjennom det.

Spørsmål folk stiller

Hvor mange skrifter bør en merkevare ha?

Én eller to. En enkelt allsidig familie kan dekke alt. To fungerer når en særegen overskriftsskrift trenger en roligere partner til brødtekst. Mer enn to ser som regel usammenhengende ut.

Kan jeg bruke Google Fonts til merkevaren min?

Ja. De fleste Google Fonts er utgitt under SIL Open Font License, som tillater kommersiell bruk, også i logoer, nettsteder og trykk. Ulempen er at populære familier brukes mye av andre merkevarer også.

Bør logoen min bruke merkevareskriften?

Ikke nødvendigvis. Logoer er ofte egendefinert bokstavtegning eller en modifisert skrift. Det som betyr noe, er at logoen og merkevareskriftene føles i slekt i struktur og personlighet.

Hva bør jeg sjekke før jeg velger en merkevareskrift?

Språk og tegn, spennet av skriftsnitt og kursiv, lesbarhet i små størrelser, tallstiler, filformater og en lisens som dekker all bruk du planlegger.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår