Markens skriftuttrykk: hvorfor hver Mark har skrifttyper

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.

Det finnes også en praktisk grunn. De fleste som lager et ukentlig innlegg, er ikke typografer, og skriftparing 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

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 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:

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;
}

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. 1

   Endre én linje

   Velg teksten og en annen skrifttype, vekt, avstand eller bokstavform. Linjen beholder nå sin egen innstilling.

2. 2

   Endre en hel side

   Velg en overskrifts- og brødtekstskrift og bruk dem på siden, så alle overskrifter og avsnitt endres sammen.

3. 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. 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, og resten av settet i oppsett av merkevaresett. Sjekk lisensen før du laster opp en kommersiell skrift; skriftlisenser forklarer hva du bør se etter.

Prøv en Mark i andre skriftuttrykk

På Markens side på Markedet 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.

Når du bør beholde eller bytte skriftuttrykket

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 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.