Hovedfarger

Ølskum

  • #FFFFFF
  • $color-nl-white
  • RGB: 255, 255, 255
  • CMYK: 0, 0, 0, 0

Inspirasjonssort

  • #000000
  • $color-nl-black
  • RGB: 0, 0, 0
  • CMYK: 0, 0, 0, 100
  • PMS Black U/C

Nite Elf

  • #2EE57C
  • $color-nl-green
  • RGB: 46, 229, 124
  • CMYK: 75, 0, 80, 0
  • PMS 7479 U/C

Støttefarger

Rått Bacon

  • #FF577F
  • $color-nl-pink
  • RGB: 255, 87, 127
  • CMYK: 0, 80, 45, 0
  • PMS 191 U/C

Søt Sitron

  • #FFF040
  • $color-nl-yellow
  • RGB: 255, 240, 64
  • CMYK: 0, 1, 95, 0
  • PMS Yellow U/C

Skyfri Himmel

  • #3C94FF
  • $color-nl-blue
  • RGB: 60, 148, 255
  • CMYK: 80, 30, 0, 0
  • PMS 299 U / 2173 C

Accessibility Green

  • #1E8928
  • $color-nl-green-dark
  • RGB: 30, 137, 40
  • CMYK: 95, 0, 90, 5
  • PMS 355 U / 348 C

Pisket Drue

  • #3B317F
  • $color-nl-purple
  • RGB: 59, 49, 127
  • CMYK: 85, 85, 0, 0
  • PMS 2755 U / 2105 C

Obligatory Grey

  • #E6E6E6
  • $color-nl-grey
  • RGB: 230, 230, 230
  • CMYK: 4, 4, 4, 8
  • PMS Cool Grey 2 @80%

Background Grey

  • #F6F6F6
  • $color-nl-grey-light
  • RGB: 246, 246, 246,
  • CMYK: 2, 2, 2, 4
  • PMS Cool Grey 1 @50%

Slik bruker du fargene

Fargehierarki

Vår identitet består av mest hvitt og sort, og litt grønt. I tillegg kliner vi til med friske støttefarger i illustrasjonene våre. Fargene kan også fylle en hel flate av og til – men ikke for ofte. Accessibility Green og Pisket Drue skal ikke brukes som bakgrunnsfarger.

Illustrasjon på mengdefordeling av fargene

Fargehierarkiet i bruk

Eksempel på hvordan fargene fordeles riktig. Forsiden er hvit. Innsiden av omslaget er grønt. Kapittelskillere kan bruke støttefargene våre. Illustrasjonene er fargerike og brukes kun på hvit bakgrunn.

Eksempel som illustrerer fargefordeling

Illustrasjoner

Illustrasjonene våre bruker hele fargepaletten, og skal derfor alltid brukes på hvit bakgrunn.

Illustrasjoner i farge på hvit bakgrunn

Alltid sort tekst

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

Illustrasjon som viser bruk av svart tekst på farget bakgrunn

Kundens egne farger på caser

I caser og referanser kan vi bruke kundens egen farge som bakgrunn, men bruk helst lyse farger der det er mulig. 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.

Eksempel på farget bakgrunn i Vipps kundecase

Trykksaker

Fargene våre oppfører seg ganske annerledes i trykket versjon enn de gjør på skjerm. Der det er mulig brukes vi PMS. CMYK-fargene påvirkes både av hvor de trykkes (printeren og om det er offset eller digitaltrykk) og papiret de trykkes på. Ta kontakt om du skal trykke opp noe, så finner vi ut av det!

Har du spørsmål eller forslag? Snakk med Maria eller Will.