Ohjeet ja mallit
Ohjeet ja suunnittelumallit kehittäjille ja suunnittelijoille.
Tutustu sisältöihin
Ohjeet
Design-periaatteet
Tutustu verkkopalvelun suunnittelua ohjaaviin periaatteisiin.
Saavutettavuus
Ohjeet ja mallit verkkopalvelujen saavutettavuuteen.
Kehittäjien reseptikirja
Toteutusohjeita ja vinkkejä KDS-komponenttien käyttöön sovelluksissa.
Tietojen esitystavat
Tekstimuotoisten tietojen esitystavat ja vakiomuotoilut.
Tumma tila
Ohjeita ja periaatteita tumman ulkoasutilan (dark mode) käyttöön.
Ulkoasun tarkistuslista
Varmista visuaalisen ulkoasun yhtenäisyys tarkistuslistan avulla.
Suunnittelumallit
Suunnittelumallit
Taustatietoa suunnittelumalleista eli design patterneista.
Haku
Malleja hakutoiminnallisuuksien suunnitteluun.
Korttimaiset esitystavat
Ohjeita tietojen esittämiseen korttimuodossa.
Linkit
KDS:n vakiokäytännöt linkkielementtien soveltamiseen.
Lomakkeet
Tietopaketti lomakkeiden ja chat-hakemusten suunnitteluun.
Neliöelementit (Kanta)
Ohjeita neliöelementtien soveltamiseen Kanta-brändin mukaisissa verkkopalveluissa.
Pyöristykset (Kanta)
Ohjeita pyöreän muotokielen soveltamiseen ja pyöristysten käyttöön Kanta-brändin mukaisissa verkkopalveluissa.
Sivupohjat
Esimerkkejä ja malleja erilaisten sivupohjien suunnitteluun.
Suodatus
Malleja suodatus- ja rajaustoimintojen suunnitteluun.
Taulukot ja listat
Ohjeita tietojen esittämiseen taulukoissa ja listoissa.
Toisen puolesta asiointi
Ohjeet toisen puolesta asioinnin valintaan ja näyttämiseen.
Vaiheistus
Vaiheittaisten tietojen ja prosessien esittämisen ohjeet.
Valintapolku
Suunnittelumalli vaiheistetun monivalinnan toteuttamiseen.
Virheilmoitukset
Ohjeita ja malleja virheilmoitusten esittämiseen.
Virhesivu
Vakiokäytännöt virhesivujen toteutukseen.
Ylätunniste
Sivun ylätunnisteen suunnitteluohjeet.
Tiedon visualisointi
Tiedon visualisointi
Tietoa visualisointien suunnittelun ja toteutuksen tueksi.
Värit ja tyylit
Valmiit väriyhdistelmät ja tyylit datavisualisointeihin.
Tilastokuviot
Tietopaketti yleisimpien kuviotyyppien soveltamisesta.
Toteutusohjeita
Vinkkejä datavisualisointien tekniseen toteutukseen.
Visualisoinnit digitaalisessa ympäristössä
Ohjeita interaktiivisten visualisointien suunnitteluun.