Kela Design Systemin väriohjeistuksen tavoitteena on helpottaa yhdenmukaisen verkkoilmeen rakentamista. Tähän osioon on koottu joitakin yleisiä periaatteita ja vinkkejä värien soveltamiseen Kelan ja Kannan käyttöliittymissä.
Yhdenmukainen graafinen ilme rakentaa yhtenäistä asiakaskokemusta. Värit toimivat tunnistettavan visuaalisen tyylin ja brändi-ilmeen perustana myös digitaalisessa ympäristössä.
Sovella verkkopalveluissa ensisijaisesti verkkoilmeen päävärejä, jolloin visuaalinen ilme toistuu tunnistettavana ja yhtenäisenä.
Käytä kontrastia ja värejä korostamaan käyttäjän kannalta olennaisimpia sisältöjä ja toimintoja.
Verkkopalveluiden tärkeimpien elementtien tulee erottua selkeästi vähemmän tärkeistä sisällön osista. Elementtien välillä tulee olla johdonmukaisesti rakennettu visuaalinen hierarkia.
Korosta samassa näkymässä olevia elementtejä kuitenkin harkitusti. Liialliset tehokeinot tekevät kokonaisuudesta helposti sekavan, jolloin asioiden korostaminen ei enää ohjaa käyttäjän huomiota halutulla tavalla.
Käytä värejä visuaalisen hierarkian luomiseen. Korosta vain käyttäjän kannalta tärkeimpiä elementtejä ja toimintoja.
Värien käyttötarkoituksen ja merkityksen tulee olla loogista ja helposti tunnistettavaa kaikissa Kelan käyttöliittymissä.
Käytä samankaltaisissa käyttöliittymäelementeissä samankaltaisia värejä ja väriyhdistelmiä. Pyri johdonmukaisuuteen siten, että värit toistuvat loogisesti käyttöliittymän eri osissa ja eri palvelujen välillä.
Käytä verkkoilmeen värejä yhtenäisesti.
Tiettyjä värejä käytetään ilmaisemaan järjestelmän tilaa ja antamaan palvelun käyttäjää ohjaavaa palautetta. Tilan kuvaamiseen tarkoitetut värit voivat varoittaa, viestiä virhetilanteesta tai ilmoittaa toiminnon onnistumisesta.
Käytä tilavärejä tarkoituksenmukaisesti. Vältä etenkin kriittisten tietojen esittämiseen tarkoitetun punaisen tilavärin käyttöä muissa käyttötarkoituksissa.
Varmista, että käytetty tilaväri ja viestittävä asia eivät ole ristiriidassa ja että väri tukee viestittävää asiaa.
