Kela Design Systemin käyttöliittymäkuvakkeita sovelletaan verkkopalvelun toiminnallisissa ja tietoa välittävissä elementeissä. Kuvakkeiden muotokieli on selkeä ja pelkistetty, jolloin ne erottuvat selkeästi myös pienessä koossa.
Käyttöliittymäkuvakkeita käytetään toiminnallisissa elementeissä, esimerkiksi navigaatiovalikoissa ja painikkeissa. Kuvakkeita voi tarvittaessa soveltaa myös itsenäisinä elementteinä ilman tekstiselitettä. Kuvakkeiden tulee tällöin olla yksiselitteisesti ymmärrettäviä ja merkitykseltään vakiintuneita.
Kuvakekirjasto: Muuttujat ja kirjastot – Käyttöliittymäkuvakkeet
Koko: Käyttöliittymäkuvakkeiden vähimmäiskoko on 16 px. Koot perustuvat Kela Design Systemin 8 px:n ruudukkomalliin.
Muotokieli: Pelkistetty ja selkeä, vähän yksityiskohtia. Kuvakkeiden tulee olla tunnistettavia myös pienessä koossa. Viivan paksuus määräytyy ohjelmallisesti käytetyn kuvakekoon mukaan.
Värit: Käyttöliittymäkuvakkeissa sovelletaan Kelan verkkoilmeen värejä. Kuvakkeen värin voi määritellä koodissa. Käyttöliittymäkuvakkeet ovat usein rooliltaan toiminnallisia – huomioi kuvakkeiden saavutettavuus.
