Se gratis forslagGratis forslag

HJELP · NETTSTEDET

Nettstedets farger og skrifter

Hele nettstedets uttrykk styres fra to dialoger under Nettstedet: Farger og Skrift og former. Det smarte er automatikken: du velger én merkefarge, og pynt, striper og ikonbrikker utledes selv, så alt henger sammen.

Farger-dialogen i editoren med merkefarge, tekst, overskrift og knapp, hver med Automatisk, palett og Egen

Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).

Begge dialogene bor under Nettstedet i topplinja, i gruppen Utseende. Farger viser fire rader på første nivå: merkefarge, tekst, overskrift og knapp. Hver rad har tre tilstander: Automatisk (systemet velger), en av palettfargene (de små rutene), eller Egen med fargekode. Merkefargen er den viktige: pynt, striper og ikonbrikker utledes automatisk fra den, så paletten alltid harmonerer. Du slipper å være fargedesigner.

Farger-dialogen med radene merkefarge, tekst, overskrift og knappÉn merkefarge, resten følger. Tekst, overskrift og knapp står på Automatisk til du velger noe annet.

Usikker på hvilken farge som kler bedriften?

I det gratis forslaget velger vi farge og skrifter ut fra bransjen, logoen og konkurrentene dine, så justerer du heller fra et godt utgangspunkt.

Når Automatisk ikke holder

La tekst og overskrift stå på Automatisk så lenge du kan; det gir sikker kontrast. Sett knappen til noe eget bare når merkefargen er for lys til å bære hvit tekst. Trenger du styring over menylinjen, lenkefargen eller fargene i bunnen, ligger de under Flere valg nederst i dialogen, og alt som er satt der trekkes fram på første nivå neste gang du åpner den. Knappen «Alle innstillinger for nettstedet» gir de tekniske feltene for gradienter og skyggefarger, som de færreste trenger å røre.

Innstillingene under Farger

Vises med en gang
InnstillingHva den gjørStandard
AksentfargePynt (orber, gradienttekst, kort-topp) avledes automatisk fra denne. Tom = knappefargen.–
KnappefargeTom = lenkefargen.–
OverskriftsfargeTom = tekstfargen.–
Lenkefarge (merkefarge)Også reservefarge for knapper, aksent og menytekst ved pekeren over.–
Menylinjens farge–#ffffff
Menytekstens farge–#333333
Tekstfarge–#2a2a2a

Skrift og former: to skrifter, ett uttrykk

I Skrift og former velger du overskriftsfont og brødtekstfont fra nedtrekkslister, og dialogen viser en prøve av hver rett under valget. Brødtekst-størrelsen er ankeret: overskriftene skaleres fra den. Byttet gjelder hele nettstedet med én gang, og det er derfor det ser gjennomført ut. Vil du unntaksvis gi én enkelt tekst en annen skrift, gjøres det per tekst.

Skrift og former-dialogen med overskriftsfont, brødtekstfont og brødtekst-størrelseSkrift og former: to fonter med prøvetekst, og størrelsen alt skaleres fra.

Innstillingene under Skrift

Vises med en gang
InnstillingHva den gjørStandard
Skriftstørrelse på brødtekstOverskriftene skaleres fra denne.16 px
BrødtekstfontNavn på en Google-font, f.eks. Open Sans.Open Sans
OverskriftsfontNavn på en Google-font, f.eks. Playfair Display.Playfair Display

Under Flere valg i samme dialog bor formene: avrunding av knapper og kort, luft mellom seksjonene og tykkelsen på store overskrifter. Det er få felt, men de setter rytmen for hele siden; én luftig innstilling her slår hundre justeringer per seksjon.

Formene under Flere valg

Vises med en gang
InnstillingHva den gjørStandard
Knappeform (hjørneradius)Med enhet, f.eks. 8px. 999px gir pilleform.4px px
Luft mellom seksjoneneGjelder hele nettstedet; luft satt på enkeltseksjoner vinner. Valg: Standard, Tett (40 px), Normal (72 px), Luftig (104 px), Ekstra luftig (148 px).–

Råd for fargevalget

Ta utgangspunkt i logoen: merkefargen bør enten matche den eller bevisst komplementere den. Mørke, mettede farger gir soliditet (håndverk, jus, økonomi); lysere og varmere gir nærhet (velvære, mat, barn). Test alltid med «Se siden» etter bytte: fargen skal fungere på knappene, ikke bare i paletten. Farge på enkeltavsnitt styres for seg, og der møter du samme velger med Følger temaet, palett og Egen.

Se bedriften din i riktig drakt

Be om et gratis forslag, så setter vi farger og skrifter for deg på én dag, og du finjusterer med denne guiden. Uforpliktende.

Ble kontrasten dårlig etter fargebytte?

Sett knapp og overskrift tilbake til Automatisk, eller velg en mørkere variant av samme farge. Usikker? Send fargekoden via Hjelp øverst til høyre i editoren, så vurderer vi den.

Les også