Oppdatert 03/07/2026

Farger

For våre digitale tjenester bruker vi en utvidet fargepalett som sørger for en god brukeropplevelse og et tydelig visuelt hiearki gjennom alle våre brukerreiser.

Primærfarger

Disse fargene skal bære identiteten vår og gjøre oss gjenkjennelige i utrykket, også på alle digitale flater.

Signatur Rosa
Signatur Rosa brukes for all primærnavigasjon og CTA på lyse flater. Fargen skaper både identitet og skal kjennetegnes som noe klikkbart.

Hvit
Hvit gir Virke et lett moderne uttrykk og skal brukes gjennomgående som hoved bakgrunnsfarge.

Tekst Sort
Sort brukes på all tekst. Bruk av annen tekstfarge er kun for navigasjon, eller teksthiearki.

Signatur Rosa

HEX #c9007f
RGB 201, 0, 127
PMS 233 C

Tekst Sort

HEX #000000
RGB 0, 0, 0
CMYK 0,0,0,100

Hvit

HEX #ffffff
RGB 255, 255, 255
CMYK 0,0,0,0

Sekundærfarge

Grønn brukes som sekundærfarge for knapper. Denne fargen brukes bare når knappen er mindre viktig, eller på steder hvor det er behov for å skille ut viktigere knapper som bruker primærfargen Signatur Rosa.

Kontrast grønn

HEX #00544f
RGB 0, 84, 79
CMYK 93,14,53,57
PMS 330 C

Bakgrunnsfarger

Bakgrunnsfargene skal bidra med å skape bedre lesbarhet og hiearki. Disse fargene brukes for å skille innhold fra hverandre på sider med mye innhold og som bakgrunnsfarger i bokser, for å fremheve innhold og gjøre de mer aktive og klikkbare.

Bakgrunnsfargene skal brukes sparsommelig og de skal aldri repeteres direkte etter hverandre. Bruk Blå og Grønn for å skape mer varme og personlighet, og Hvit og Grå når det er mye farge for å skape bedre balanse i utrykket. Oransje skal kun brukes for infobokser og har en spesifikk rolle.

Oransje BG

HEX #fbede2
RGB 251, 237, 226

Hvit BG

HEX #f5f5f5
RGB 245, 245, 245

Blå BG

HEX #ebebf2
RGB 235, 235, 242

Grønn BG

HEX #e9eeed
RGB 233, 238, 237

Grå BG

HEX #cacaca
RGB 202, 202, 202

Fargevalører

For alle fargene finnes det sju valører som skal brukes for hoverstates og når du trenger å skille innhold innenfor en farge.

Eksempel:
Knapper bruker Rosa 100 for normal status, og Rosa 200 for hoverstate

Disse fargene kan brukes når man har behov for å bruke samme farge over hverandre.

Meldingsfarger

Meldingsfargene bruker vi når vi trenger å gi informasjon fra systemet. Disse skal kun brukes funksjonelt og ingen andre plasser.

Negativ

HEX #9c1f14
RGB 156, 31, 20

Beskjed

HEX #e4843c
RGB 228, 132, 60

Fargehierarki og vekting

Det er viktig med ballanse i fargebruken og fargene skal ikke brukes like mye. Primærfargene Signatur Rosa sammen med Hvit er de viktigste, og bidrar til det overordnede inntrykket. Rosa er den aller viktigste fargen i merkevaren Virke. Den skal brukes sparsommelig og kun på viktige elementer. For å unngå at rosa blir overbrukt og mister sin viktighet, skal den ikke brukes på store flater.

Volum av farger indikerer mengde bruk.

Datavisualisering

For datavisualisering bruker vi et utvalg fra Virke sin palett med en prioritert rekkefølge for bruk. Rosa skal alltid være den første fargen som brukes etterfulgt av Oransje etc.