Siirry sisältöön

Kela Design System

Yhteiskäyttöiset komponentit, ohjeet ja mallit Kelan ja Kannan käyttöliittymiin ja digitaalisen asiakaskokemuksen muotoiluun.

Lue lisää Katso mitä uutta

Ajankohtaista

Poimintoja ohjeista ja suunnittelumalleista.

Uusi

Valintapolku

Suunnittelumalli vaiheistetun monivalinnan toteuttamiseen.

Taulukot ja listat

Ohjeita tietojen esittämiseen tauluoissa ja listoissa.

Vaiheistus

Tältä sivulta löydät esimerkkejä ja malleja vaiheistuksen suunnitteluun.

Kehittäjien reseptikirja

Toteutusohjeita ja vinkkejä KDS-komponenttien käyttöön sovelluksissa.

Tumma tila

Ohjeita ja periaatteita tumman ulkoasutilan käyttöön.

Kanta-teema

Kela Design System sisältää Kanta-teeman, joka mahdollistaa Kannan brändin mukaisen ilmeen KDS:in komponenteissa.

Tiedon visualisointi

Ohjeita ja malleja datavisualisointien saavutettavaan suunnitteluun ja toteutukseen Kelan ja Kannan digitaalisissa palveluissa.

Lue lisää

Tutustu sisältöihin

Työkalut, ohjeet ja resurssit digitaalisten sovellusten toteutukseen.

Komponentit

React-komponentit Kelan ja Kannan käyttöliittymiin.

Muuttujat ja kirjastot

Hyödynnä valmiita design-elementtejä ja toiminnallisuuksia.

Visuaalinen ilme

Tutustu verkkopalvelujen visuaalisen ilmeen ohjeisiin.

Ohjeet ja mallit

Ohjeet ja suunnittelumallit kehittäjille ja suunnittelijoille.

Tietoa meistä

Tietoa Kelan ja Kannan yhteisestä design systemistä.