Velg farger, skrifter og oppsett

Bruk fanen Nettstedsdesign til å sette butikkens farger, skrifttyper, tekststørrelser og hjørneradius én gang, for alle sider samtidig.

Nettstedsdesign inneholder innstillingene som gjør hele butikken din til ett merke: fargene, skriftene, tekststørrelsene og hjørneradiusen. Du setter hver én gang, og alle sider følger. Enkeltblokker kan likevel overstyre disse innstillingene når du ønsker det.

Åpne nettstedsdesign

  1. Åpne redigeringsverktøyet. Se Redigeringsverktøyet i korte trekk.
  2. I innstillingspanelet til høyre klikker du på fanen Nettstedsdesign.
  3. Klikk på en overskrift for å åpne den: Identitet, Farger, Typografi eller Oppsett.

Endringer vises på siden med en gang og lagres automatisk. Den publiserte butikken din endres når du publiserer.

Farger

Åpne Farger for å se de sju fargene alle sider er bygd av.

Fargegruppen i Nettstedsdesign med fargene Aksentfarge, Tekst på aksentfarge, Sidebakgrunn, Flate, Tekst, Sekundærtekst og Kanter, og en melding om at alle fargeparene er lette å lese
  • Aksentfarge: hovedfargen i butikken din. Knapper og lenker bruker den.
  • Tekst på aksentfarge: fargen på ordene oppå aksentfargen, for eksempel teksten på en knapp.
  • Sidebakgrunn: fargen bak sidene dine.
  • Flate: fargen på kort og paneler, for eksempel produktkort og skjemabokser.
  • Tekst: fargen på overskrifter og annen hovedtekst.
  • Sekundærtekst: den roligere fargen som brukes til avsnittstekst, beskrivelser og småskrift.
  • Kanter: fargen på tynne linjer og kantlinjer.

Velg en farge

  1. Klikk på en fargeboks.
  2. I fargevelgeren som åpnes, kan du gjøre ett av disse:
    • Klikk eller dra i den store firkanten for å velge hvor lys og intens fargen er, og dra i stripen under den for å endre selve fargen.
    • Skriv inn eller lim inn en heksadesimal kode, for eksempel #2B2622, i boksen.
    • Klikk på en fargeprøve under Temafarger for å bruke en farge du allerede har, eller under Nylige for en farge du valgte nylig.
    Fargevelgeren åpen under Aksentfarge, med en fargefirkant, en fargetonestripe, en boks for heksadesimal kode, temafarger og en nylig farge
  3. Klikk et sted utenfor velgeren, eller trykk Esc, for å lukke den.

Kontroller at teksten er lesbar

Under de sju fargene sjekker Payly at hver tekstfarge er lett å lese mot fargen bak den. Er alt i orden, ser du Alle fargeparene er lette å lese. Er et par for blekt, nevner listen det, viser kontrastforholdet og hvor mye det må økes, og tilbyr en knapp for Rett opp som justerer tekstfargen for deg.

En kontrastadvarsel som lister Sekundærtekst på siden og Sekundærtekst på kort, hver med forholdstall og en knapp for Rett opp

Payly hindrer deg ikke i å velge et par med lav kontrast, men lys grå tekst på en lys bakgrunn er vanskelig å lese, særlig på en telefon i sollys.

Typografi

Åpne Typografi for å velge skrifter og tekststørrelser.

Typografi-gruppen med Brødtekstskrift, Grunnleggende skriftstørrelse, Linjehøyde for brødtekst, Overskriftsskrift, Overskriftsstørrelse, Overskriftens tykkelse og Bokstavavstand i overskrifter
  • Brødtekstskrift: skriften for avsnitt, menyer og knapper.
  • Grunnleggende skriftstørrelse: størrelsen på vanlig tekst.
  • Linjehøyde for brødtekst: avstanden mellom linjene med tekst. Et større tall gir mer luft.
  • Overskriftsskrift: skriften for overskrifter. Velg Bruk nettstedets skrift for å bruke brødtekstskriften også til overskrifter.
  • Overskriftsstørrelse: gjør alle overskrifter større eller mindre, som en prosentandel.
  • Overskriftens tykkelse: hvor fete overskriftene er.
  • Bokstavavstand i overskrifter: strammer eller løsner avstanden mellom bokstavene i overskrifter.

Velg en skrift

  1. Klikk på boksen Brødtekstskrift eller Overskriftsskrift.
  2. Bla gjennom listen, som viser hvert navn i sin egen skrift. Gruppen Anbefalt øverst har skrifter som passer for de fleste butikker.
    Skriftlisten med et søkefelt og gruppen Anbefalt: Inter, DM Sans, Work Sans, Manrope og flere
  3. For å finne en skrift etter navn, skriv inn i Søk etter skrifter….
  4. Klikk på en skrift for å bruke den.

Listen dekker hele biblioteket til Google Fonts. Skriftene du bruker, blir med i butikken din når du publiserer. Mangler en skrift i listen, skriv det nøyaktige Google Fonts-navnet i søkefeltet og velg det under Bruk likevel.

Oppsett

Åpne Oppsett for to innstillinger:

  • Hjørneradius angir hvor runde hjørnene på knapper, kort og bilder er. Dra til 0 for skarpe hjørner, og mot høyre for myke. Blokker der egen hjørneradius står på Auto, følger denne innstillingen.
  • Tekstretning er Venstre mot høyre for de fleste språk. Høyre mot venstre snur hele oppsettet for arabisk, hebraisk, farsi og urdu.

Identitet

Åpne Identitet for å angi Nettleserikon, det lille bildet som vises på en nettleserfane. Bruk et enkelt merke i stedet for hele logoen, fordi det vises i omtrent 16 piksler. Klikk på Last opp bilde eller Bla gjennom opplastinger, slik det er beskrevet i Legg til bilder og bruk mediebiblioteket. Står feltet tomt, brukes logoen din.

Logoen din er ikke her. Den ligger i topptekstdelen, der den vises. Se Tilpass topptekst og bunntekst.

Endre bare én blokk

Hver tekstblokk, overskrift og knapp kan overstyre nettstedets skrift, størrelse og farger. Velg blokken og åpne gruppen Typografi eller Utseende. Se Rediger tekst, overskrifter og knapper.

Tips: Vil du ha et helt annet utseende, kan du starte på nytt fra en av de ferdige designene. Se Bytt til et annet nettstedsdesign.

Relaterte artikler

Last updated 2026-10-16