Värit
Ensisijaiset värit muodostavat brändin ytimen. Toissijaisia värejä käytetään korostuksiin ja tuomaan vaihtelua laajemmissa sovelluksissa.
Ensisijaiset värit
Prussian Blue
RGB 0,50,83
CMYK 100,45,0,62
HEX #003253
Dodger Blue
RGB 0,149,248
CMYK 85,15,0,0
HEX #1e90ff
Cash Green
RGB 23,80,78
CMYK 95,47,63,36
HEX #17504E
Pine Green
RGB 28,106,99
CMYK 96,32,58,13
HEX #11746F
Sea Green
RGB 81,167,153
CMYK 85,3,45,0
HEX #2EAAA1
Mustard
RGB 211,165,70
CMYK 0,21,74,16
HEX #D3A546
Cream
RGB 245,239,228
CMYK 2,4,9,0
HEX #F5EFE4
Toissijaiset värit
Lapis Lazuli
RGB 0,95,158
CMYK 100,40,0,24
HEX #005F9E
French Blue
RGB 0,122,202
CMYK 100,34,0,0
HEX #007ACA
Raisin
RGB 104,51,61
CMYK 0,49,47,63
HEX #67333D
Light Mustard
RGB 240,208,128
CMYK 3,18,65,0
HEX #F0D080
Mint Green
RGB 186,226,221
CMYK 29,0,15,0
HEX #BAE2DD
Pantone (PMS)
| Väri | PMS |
|---|
| Prussian Blue | 540 C |
| Dodger Blue | 299 C |
| Cash Green | 329 CP |
| Pine Green | 327 CP |
| Sea Green | 326 CP |
| Cream | 7527 C |
UI-paletti (neutraalit)
Digitaalisia tuotteita ja käyttöliittymiä varten käytetään neutraalia sinisävyistä skaalaa, jonka ankkurivärinä toimii sama Prussian Blue kuin brändin pääpaletissa.
White
HEX #FFFFFF
White Lilac
HEX #F7F9FC
Alice Light Blue
HEX #EDF2F8
CMYK 7,1,3,2
PMS 7541 C
Alice Blue
HEX #E0E9F0
CMYK N/A
Columbia Blue
HEX #C7D5DF
CMYK N/A
Powder Blue
HEX #AEC1CE
CMYK 24,4,8,13
PMS 7542 C
Bermuda Gray
HEX #7592A6
CMYK N/A
Payne’s Gray
HEX #466B84
CMYK 35,14,11,34
PMS 7544 CP
Indigo Dye
HEX #234F6D
CMYK N/A
Prussian Blue
HEX #003253
CMYK 100,45,0,62
PMS 540 C
Oxford Blue
HEX #001E33
CMYK 100,41,0,80
PMS 539 C
UI-palettia käytetään taustoihin, rajoihin, tekstiin ja UI-komponentteihin siellä, missä brändivärit olisivat liian voimakkaita, esim. lomakkeissa, taulukoissa ja sovellusnäkymissä.
Saavutettavuus
- Käytä tekstissä aina väripareja, joiden kontrastisuhde on vähintään 4.5:1 (leipäteksti) tai 3:1 (iso otsikkoteksti ja UI-komponentit). Tämä on WCAG AA -tason vähimmäisvaatimus.
- Älä käytä väriä ainoana tiedon välittäjänä (esim. virhe- tai onnistumistilat). Täydennä aina ikonilla, tekstillä tai muodolla.
Suositellut brändinmukaiset väriparit, kaikki täyttävät 4.5:1-vaatimuksen leipätekstille:
Aa Bb Cc
Cash Green -teksti Cream-taustalla
8.0:1 ✓ WCAG AA
Aa Bb Cc
Cream-teksti Cash Green -taustalla
8.0:1 ✓ WCAG AA
Aa Bb Cc
Pine Green -teksti valkoisella taustalla
5.6:1 ✓ WCAG AA
Aa Bb Cc
French Blue -teksti valkoisella taustalla (linkit)
4.5:1 ✓ WCAG AA
