# Markens skriftuttrykk: hvorfor hver Mark har skrifttyper

[Canonical HTML page](https://gradiently.design/nb/guide/type-voice-of-a-mark)

Farger og tekstur er bare halve uttrykket. Hver Mark har også en overskriftsskrift, en tekstskrift og en måte å bruke dem på, så førsteutkastet allerede passer bakgrunnen det står på.

## The short version

- Markens skriftuttrykk er typografien alle design starter med: en display-skrift, en tekstskrift, en display-vekt, bokstavavstand og bruk av store eller små bokstaver.
- Overskrifter følger skriftuttrykkets display-skrift, og annen tekst følger tekstskriften, til du velger noe annet.
- Du kan endre skrifttypen på hver linje i Studio og bruke merkevaresettets overskrifts- og brødtekstskrifter på siden i stedet.
- Et skriftuttrykk finnes fordi de samme ordene føles ulike i ulike skrifter, og bakgrunnen og typografien bør oppleves som ett valg.
- Markens side på Markedet viser den i eget skriftuttrykk og fem andre par: Redaksjonell, Grotesk, Plakat, Klassisk og Moderne.

Markens **skriftuttrykk** er typografien som følger med den: en display-skrift til overskrifter, en tekstskrift til alt annet, en vekt til display-skriften, bokstavavstand og valg av store eller små bokstaver. Når du begynner et design med en Mark, vises ordene i dette uttrykket, så førsteutkastet allerede passer bakgrunnen. Det er et utgangspunkt, ikke en lås: hver linje kan endres, og dine egne merkevareskrifter kan erstatte det.

## Hvorfor en bakgrunn kommer med skrifttyper

Typografi har en tone, akkurat som tale. «Dørene åpner klokken sju» i en fin Garamond høres ut som en galleriåpning; i smale store bokstaver høres det ut som en konsert. Sett en av dem på feil bakgrunn, så krangler designet med seg selv. En Silke-Mark i dyp plomme og en Op art-Mark i syregrønt trenger ulike bokstaver. Å velge dem sammen gjør uttrykket gjennomtenkt.

En arrangementsinvitasjon med teksten Dørene åpner klokken sju, satt i skriftuttrykket til den første Marken

Én Mark, i sitt eget skriftuttrykk.

Samme invitasjon på en annen Mark med ulik palett, materiale og typografi

De samme ordene på en annen Mark, som tar med sitt eget skriftuttrykk.

Det finnes også en praktisk grunn. De fleste som lager et ukentlig innlegg, er ikke typografer, og [skriftparing](https://gradiently.design/nb/guide/font-pairing) er et av stedene det er lettest å gjøre feil. Et skriftuttrykk som allerede er tilpasset Marken, fjerner dette valget fra hvert design.

## Hva et skriftuttrykk består av

| Del | Hva den bestemmer | Eksempel |
| --- | --- | --- |
| Display-skrift | Overskrifter og store ord | Fraunces, Syne, Bebas Neue |
| Tekstskrift | Brødtekst, detaljer og liten skrift | Inter, Manrope, Newsreader |
| Vekt | Hvor tung display-skriften er, fra lett til ekstra fet | 400 til en elegant serif, 700 til en plakat |
| Bokstavavstand | Avstand mellom bokstaver, tettere eller løsere | Litt tett til store overskrifter |
| Bokstavform | Som skrevet, bare store eller bare små bokstaver | Store bokstaver til et plakatskriftuttrykk |

De fem delene av et skriftuttrykk. Sammen bestemmer de hvordan alle overskrifter på Marken ser ut før du endrer en innstilling.

Skriftene kommer fra skriftbiblioteket i Gradiently, som spenner fra serif-skrifter som Fraunces, Playfair Display og EB Garamond til grotesker som Space Grotesk og Schibsted Grotesk, smale display-skrifter som Anton og Oswald, monospace-skrifter, håndskrifter og avrundede skrifter. [Serif eller sans-serif](https://gradiently.design/nb/guide/serif-vs-sans-serif) forklarer hva hver kategori gjerne uttrykker.

Vil du at nettsiden skal passe en Mark, kan skriftuttrykket overføres direkte til CSS. Her er et typisk redaksjonelt skriftuttrykk skrevet ut:

```css
h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}
```

Display-skrift, vekt, bokstavavstand og bokstavform til overskrifter; tekstskriften til alt annet. Begge finnes på Google Fonts.

## Slik følger teksten skriftuttrykket

Hver tekst i et design vet om den er overskrift eller brødtekst. Overskrifter følger display-skrift, vekt, bokstavavstand og bokstavform; brødtekst følger tekstskriften. Så lenge en linje ikke har egen skrifttype, følger den videre. Bytter du til en annen Mark i designet, får ordene derfor den nye Markens skriftuttrykk også.

Farge- og typografipanelet i Studio viser Markens skriftuttrykk som et par for overskrift og brødtekst, og lar deg bruke dem på hele siden i ett trinn. Det er nyttig når en mal har andre skrifter, og du vil at den skal passe Marken.

## Slik endrer du Markens skriftuttrykk i designene

1. **Endre én linje** Velg teksten og en annen skrifttype, vekt, avstand eller bokstavform. Linjen beholder nå sin egen innstilling.
2. **Endre en hel side** Velg en overskrifts- og brødtekstskrift og bruk dem på siden, så alle overskrifter og avsnitt endres sammen.
3. **Bruk merkevareskriftene dine** Legg en overskrifts- og brødtekstskrift i merkevaresettet, og last opp OTF-, TTF-, WOFF- eller WOFF2-filer hvis de er dine egne. Bruk så merkevarens skrifter på en side i ett trinn.
4. **Be Designer** Designer bruker merkevaresettet for deg, så designene den lager, starter i merkevarens skrifter.

Opplasting av skrifttyper dekkes i [last opp egne skrifter](https://gradiently.design/nb/guide/custom-fonts-upload), og resten av settet i [oppsett av merkevaresett](https://gradiently.design/nb/guide/brand-kit-setup). Sjekk lisensen før du laster opp en kommersiell skrift; [skriftlisenser](https://gradiently.design/nb/guide/font-licensing) forklarer hva du bør se etter.

## Prøv en Mark i andre skriftuttrykk

På Markens side på [Markedet](/market) kan forhåndsvisningen veksle mellom eget skriftuttrykk og fem ferdige par. Da ser du uttrykket med typografi nærmere merkevaren før du lager et design.

| Par | Display-skrift | Tekstskrift | Følelse |
| --- | --- | --- | --- |
| Eget skriftuttrykk | Valgt sammen med Marken | Valgt sammen med Marken | Slik Marken ble laget |
| Redaksjonell | Instrument Serif | Inter | Magasin, galleri og omtanke |
| Grotesk | Space Grotesk | Space Grotesk | Studio, teknisk og aktuelt |
| Plakat | Anton, med store bokstaver | Archivo | Kraftfullt, arrangementer og sport |
| Klassisk | Cormorant Garamond | EB Garamond | Boklig, tradisjon og dempet luksus |
| Moderne | Geist | Geist | Rent, produkt og programvare |

Skriftparene Markens side kan vise. Hvert er en god, godt testet kombinasjon du også kan bruke i egne design.

## Når du bør beholde eller bytte skriftuttrykket

### Behold Markens skriftuttrykk

- Du har ikke merkevareskrifter ennå
- Skriftuttrykket passer allerede tonen din
- Du vil at designene skal høre sammen med bakgrunnen
- Du publiserer ofte og vil ta færre valg

### Bruk egne skrifter

- Du har en etablert ordlogo eller merkevareskrift
- Emballasjen, butikken eller nettsiden bruker allerede faste skrifter
- Du trenger en skrift som støtter bestemte språk
- Flere merkevarer deler en felles stil

Uansett bør du holde deg til høyst to skrifter og la størrelse og vekt gjøre resten. Et tydelig hierarki betyr mer enn selve skrifttypene, som [visuelt hierarki](https://gradiently.design/nb/guide/visual-hierarchy) viser. Hvis ordene står på en Mark, håndteres leseligheten separat: Marken flytter det roligste området bak teksten, og Auto-tekstfarge velger lys eller mørk tekst for hver linje, uansett skrifttype.

## FAQ

### Hva er et skriftuttrykk?

Typografien en Mark starter alle design med: en display-skrift, en tekstskrift, en display-vekt, bokstavavstand og bruk av store eller små bokstaver.

### Kan jeg endre skrifttypene på en Mark?

Ja. Endre hver linje i Studio, bruk en overskrifts- og brødtekstskrift på hele siden eller bruk merkevaresettets skrifter. Markens eget skriftuttrykk er bare utgangspunktet.

### Kan jeg bruke egne skrifter i Gradiently?

Ja. Legg en overskrifts- og brødtekstskrift i merkevaresettet, og last opp skriftfilene ved behov.

### Hva skjer med skrifttypene hvis jeg bruker en annen Mark i et design?

Tekst som fortsatt følger skriftuttrykket, får den nye Markens skriftuttrykk. Linjer du har gitt egen skrifttype, beholder den.