Siirry sisältöön

Kanta-teema

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

Yleistä

Kela Design Systemin tavoitteena on tarjota käyttöliittymien suunnittelua ja toteutusta helpottavia ratkaisuja, jotka palvelevat samanaikaisesti sekä Kelaa että sen yhteistyöbrändiä Kantaa.

Kanta-teeman avulla Kela Design Systemiin toteutettuja React-komponentteja voi hyödyntää Kanta-brändin visuaalista ilmettä noudattavissa käyttöliittymissä.

Teknisesti teema on toteutettu CSS-muuttujien avulla, jolloin KDS-komponentit toimivat samalla tavalla Kela- ja Kanta-teemoissa.

Kela- ja Kanta-teemojen periaatteet.

Kanta-teeman tavoitteet:

  1. Mahdollistaa KDS-komponenttien käyttö Kanta-palveluissa
  2. Yhtenäistää Kanta-palveluiden käyttöliittymien verkkoilmettä
  3. Vähentää päällekkäistä työtä Kanta-palveluiden kehityksessä

Kanta-teeman ulkonäköön voi tutustua vaihtamalla teeman tämän sivuston ylälaidasta löytyvällä painikkeella tai käyttämällä näppäinkomentoa ctrl + alt + z. Teeman vaihtaminen ei muuta sivuston sisältöä, vaan vaikuttaa ainoastaan visuaaliseen ilmeeseen.

Suurin osa sivuston sisällöstä on Kelalle ja Kannalle yhteistä. Erilliset Kanta-sisällöt on eroteltu omille välilehdille (esim. Visuaalinen ilme / Väripaletit).

Kela Design System kokonaisuutena.
Käyttöliittymien vakioelementit ja valmiit komponentit perustuvat yhtenäisesti määritettyyn tyyliin ja toiminnallisuuteen (linkki aukeaa uuteen välilehteen)

Lue lisää