Siirry sisältöön

14.5.2

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 kokeilemalla tämän sivuston yläpalkista löytyvää painiketta. 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ää