Farger

Buypass har et sett med ferdigdefinerte farger for skjerm og trykte flater.

Fargepaletten vår består av 4 primærfarger (inkludert hvit) og 3 sekundærfarger. Hver farge har 2 nyanser i lysere rettning og 2 nyanser i mørkere rettning.

I vår logo brukes fargene "Blå" for symbolet" og "Marine" for selskapsnavnet.

Primærfarger Buypass sine mest gjenkjennelige farger er kombinasjonen marineblå, blå og hvit.

Pantone 2174 U | CMYK 92 47 0 0 | RGB 40 113 235 | HEX #2871eb

Pantone 2757 U | CMYK 97 82 3 19 | RGB 26 57 124 | HEX #1a397c

Pantone 649 U | CMYK 12 4 2 0 | RGB 237 241 248 | HEX #edf1f8

Sekundærfarger Disse fargene brukes i mindre kvanta – i tilfeller der man har behov for å tilføre variasjon eller der man har behov for å poengtere noe spesielt. F.eks. magenta for å signalisere ‘fare’.

Pantone 7635 U | CMYK 0 81 23 4 | RGB 234 109 140 | HEX #ea6d8c

Pantone 324 U | CMYK 30 0 16 0 | RGB 45 203 195 | HEX #2dcbc3

Pantone 2757 U | CMYK 6 15 20 1 | RGB 240 217 196 | HEX #f0d9c4

Kontrastkrav Den visuelle presentasjonen av tekst og bilder skal et kontrastforhold på minst 4.5:1, unntatt i tilfeller med større tekst (18pt og større eller 14pt ved medium/ fet vekt) der kravet er 3:1. Uvesentlig tekst og logoer rammes ikke av kontrakstkrav.

Andre valører

De ulike fargene kommer i flere valører for økt fleksibilitet. Spesielt i skjermbasert design kan det melde seg behov for flere farger, og ofte kun med ørsmåforskjeller. F.eks. ved en knapp som endrer tilstand ved mouseover/hover. Da kan man benytte fargenes tilleggsvalører som vist her.

Snø (Snow)

Valører	Kode
Snow, lighter 50
Sass Hex	$buypass-snow-lighter-50 #f9fafd
Snow, lighter 25
Sass Hex	$buypass-snow-lighter-25 #f7f9fc
Snow 100
Sass Hex	$buypass-snow #edf1f8
Snow, darker 25
Sass Hex	$buypass-snow-darker-25 #e6e9ef
Snow, darker 50
Sass Hex	$buypass-snow-darker-50 #d7dae1
Snow, darker 75
Sass Hex	$buypass-snow-darker-75 #c4c7d0

Blå (Blue)

Valører
Blue, lighter 50
Sass Hex	$buypass-blue-lighter-50 #5b94ff
Blue, lighter 25
Sass Hex	$buypass-blue-lighter-25 #367cff
Blue
Sass Hex	$buypass-blue #2871eb
Blue, darker 25
Sass Hex	$buypass-blue-darker-25 Hex#1c61d3
Blue, darker 50
Sass Hex	$buypass-blue-darker-50 #1959c5

Marine (Navy)

Valører
Navy, lighter 50
Sass Hex	$buypass-navy-lighter-50 #8491b0
Navy, lighter 25
Sass Hex	$buypass-navy-lighter-25 #64759c
Navy
Sass Hex	$buypass-navy #1a397c
Navy, darker 25
Sass Hex	$buypass-navy-darker-25 #142e68
Navy, darker 50
Sass Hex	$buypass-navy-darker-50 #0d2250

Sjøgrønn (Teal)

Valører	Kode
Teal, lighter 50
Sass Hex	$buypass-teal-lighter-50 #a4e9e5
Teal. lighter 25
Sass Hex	$buypass-teal-lighter-25 #79ded9
Teal
Sass Hex	$buypass-teal #2dcbc3
Teal, darker, 25	$buypass-teal-darker-25 #35b7b0
Sass Hex	$buypass-teal-darker-25 #35b7b0
Teal, darker 50
Sass Hex	$buypass-teal-darker-50 #2da9a2

Magnenta

Valører	Kode
Magenta, lighter 50
Sass Hex	$buypass-magenta-lighter-50 #f2a6b9
Magenta, lighter 25
Sass Hex	$buypass-magenta-lighter-25 #ef91a8
Magenta
Sass Hex	$buypass-magenta #ea6d8c
Magenta, darker 25
Sass Hex	$buypass-magenta-darker-25 #d25a78
Magenta, darker 50
Sass Hex	$buypass-magenta-darker-50 #ba4c68

Sand

Valører	Kode
Sand, ligther 50
Sass Hex	$buypass-sand-lighter-50 #fbf3ec
Sand, ligther 25
Sass Hex	$buypass-sand-lighter-25 #f7e9dd
Sand
Sass Hex	$buypass-sand #f0d9c4
Sand, darker 25
Sass Hex	$buypass-sand-darker-25 #e1ccb8
Sand, darker 50
Sass Hex	$buypass-sand-darker-50 #d5c0ac