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
  • PMS Black U/C

Nite Elf

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

Støttefarger

Rått Bacon

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

Søt Sitron

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

Skyfri Himmel

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

Accessibility Green

  • #1E8928
  • $color-nl-green-dark
  • RGB: 30, 137, 40
  • CMYK C: 96, 2, 100, 15
  • CMYK U: 82, 0, 92, 2
  • PMS 355 U / 348 C

Pisket Drue

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

Obligatory Grey

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

Background Grey

  • #F6F6F6
  • $color-nl-grey-light
  • RGB: 246, 246, 246,
  • CMYK C: 2, 2, 2, 4
  • CMYK U: 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. De 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 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

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

Marte Veys Berg

Fagansvarlig for design

917 43 648
Will Hindson

Teknologi og design

917 74 547