Hopp til hovedinnhold
NetlifeMerkevarehåndbok

Farger

Liker du Rått Bacon eller er du litt mer Festgrå? Fargepaletten er (nesten) like raus, deilig og mangfoldig som folka våre.
  • Innhold

Hovedfarger

Ølskum

#FFFFFF

$color-nl-white

RGB: 255, 255, 255

CMYK C: 0, 0, 0, 0

CMYK U: 0, 0, 0, 0

Inspirasjonssort

#000000

$color-nl-black

RGB: 0, 0, 0

CMYK C: 0, 0, 0, 100

CMYK U: 0, 0, 0, 100

P Black U/C

Nite Elf

#29CB7E

$color-nl-green

RGB: 41, 203, 126

CMYK C: 81, 0, 77, 0

CMYK U: 81, 0, 77, 0

P 7479 U/C

Støttefarger

Rått Bacon

#FFCAD4

$color-nl-pink

RGB: 254, 176, 180

CMYK C: 0, 35, 18, 0

CMYK U: 0, 29, 15, 0

P 176

Charter-Fersken

#FEBD93

$color-nl-orange

254, 189, 147

0, 26, 36, 0

0, 24, 33, 0

P 1555

Consultancy Blue™

#bde8ff

$color-nl-light-blue

189, 232, 255

30, 0, 7, 0

32, 0, 8, 0

P 635

Pisket Drue

#CCBCFF

$color-nl-purple

204, 188, 255

24, 29, 0, 0

20, 24, 0, 0

P 2635

Oslo-gul

#FFEC97

$color-nl-yellow

256, 236, 151

0, 3, 43, 0

0, 4, 42, 0

P 1205

Bergen-grå

#E7E1DC

$color-nl-grey-bergen

231, 225, 220

1, 1, 4, 6

1, 1, 4, 6

P Warm Grey 1 @70%

Festgrå

#F8F7F5

$color-nl-grey-party

248, 247, 245

0, 1, 1, 2

0, 1, 1, 2

P Warm Grey 1 @18%

Slik bruker du fargene

Fargebruk i Netlife

Fargebruk

Vår identitet består av mest hvitt og sort, og litt grønt. I tillegg kliner vi til med friske støttefarger som fyller en hel flate av og til – men ikke for ofte.

Fargehierarkiet i Netlife

Fargehierarkiet i bruk

Eksempel på hvordan fargene fordeles riktig. Forsiden er hvit. Innsiden av omslaget er grønt. Kapittelskillere bruker støttefargene våre.

Kundens egne farger på kundehistorier

Når vi forteller kundehistorier, kan vi bruke kundens egen farge som bakgrunn. Husk å sjekke at kontrasten mellom bakgrunnsfargen og teksten er tilstrekkelig. Les mer om kontrastkrav hos W3C og bruk dette dette verktøyet for å måle kontrast.

Bruke svart tekst

Alltid sort tekst

All tekst og alle illustrasjoner skal være i sort, uansett hvilken støttefarge du velger. Unntaket er fysiske bokstaver i for eksempel skilting, da vi kan bruke hvit tekst.

Bakgrunnsfarger til kurs og sånt

Når vi skal markedsføre kurs, workshops, frokostseminarer og lignende på nettsidene og i sosiale medier bruker vi støttefargene sammen med en illustrasjon for å lage et blikkfang ut av det.

Farger på UI-elementer

UI-farger

Grønt brukes som hover-farge noen steder på standard hvit bakgrunn. Er det en støttefarge eller spesialfarge som bakgrunnsfarge brukes sort som hover-farge.

Spørsmål og forslag