Fontit verkkoilmeessä

Selkeästi erottuvat kirjaimet, tekstielementtien väljä sommittelu ja verkkofonttien laaja kielituki mahdollistavat sen, että verkkopalveluihin valittu typografia toimii selkeän kielen jatkeena ja olennaisen tiedon välittäjänä.

Fontit Kelan verkkoilmeessä

Kelan käyttöliittymissä sovelletaan päätteettömiä sans serif -fontteja. Verkkopalvelujen typografia perustuu kahteen fonttiperheeseen:

otsikoissa kirjaintyyppi on Noto Sans ja
muussa tekstissä kirjaintyyppi on Lato.

Jos fontit eivät jostain syystä ole käytettävissä selaimessa, ne korvautuvat käyttöjärjestelmän oletusfonteilla.

Koltansaamenkielisten verkkopalvelujen otsikkofontiksi on määritelty Fira Sans, jonka merkistö sisältää myös koltansaamen erikoismerkit. Kirjainleikkaus, koko ja väri määritellään samoin kuin Noto Sans -otsikkofontissa.

Fira Sans -kirjainperhettä käytetään vain koltansaamenkielisissä käyttöliittymissä ja verkkosisällöissä.

Kelan verkkoilmeen mukaiset fontit. — Kelan verkkoilmeessä sovellettavat kirjaintyypit ovat Noto Sans (otsikot) ja Lato (muu teksti).

Huomioi fonttien käyttökonteksti

Käytä Kela Design Systemin fontteja vain verkkopalveluissa. Katso fontit muihin käyttökohteisiin Kelan graafisesta ohjeesta.(Avautuu uuteen välilehteen)

Tekstin väri

Otsikoissa sovelletaan pääsääntöisesti sävyä kela-gray-80 (#393939). Leipätekstissä on suositeltavaa soveltaa sävyä kela-gray-100 (#171717), jos sisältöalueen taustaväri on puhdas valkoinen.

Värillisen taustan päälle asetellun tekstin sävyn valinnassa tulee varmistaa, että tekstin ja taustan kontrastiero täyttää saavutettavuuskriteerien mukaisen minimivaatimuksen. Sävyn tummuutta kuvaavien asteikkonumerojen erotuksen tulee olla vähintään 50.

Linkkivärinä käytetään pääsääntöisesti sävyä kela-blue-60 (#2a69c5). Lisätietoja linkeistä löydät yleisistä linkkiohjeista ja Link-komponentin ohjeista.