Logot
Verkkopalveluissa käytettävät Kelan ja Kannan logot on saatavilla erillisinä React-komponentteina. Komponentti renderöi logon inline-SVG-elementtinä.
Teknisesti logoja käytetään samaan tapaan kuin kuvakkeita. Logoelementin koko tulee kuitenkin itse määrittää käyttökontekstiin sopivaksi.
- Logoissa voi soveltaa tälle sivulle koottujen esimerkkien mukaisia oletuskokoja.
- Huomioi asettelussa logolle määritetty suoja-alue. Lue lisää: Visuaalinen ilme / Logot
Kelan logot
<LogoKela height="48" width="83" />
<LogoFpa height="48" width="73" />
<LogoOmaKela height="48" width="175" />
<LogoMittFpa height="48" width="157" />
<LogoMyKela height="48" width="154" />
<LogoMuuKela height="48" width="174" />
<LogoMuKela height="48" width="156" />
<div className="kds-bg-brand-primary kds-p-6">
<LogoKelaWhite height="48" width="83" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoFpaWhite height="48" width="73" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoOmaKelaWhite height="48" width="175" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoMittFpaWhite height="48" width="157" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoMyKelaWhite height="48" width="154" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoMuuKelaWhite height="48" width="174" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoMuKelaWhite height="48" width="156" />
</div>
Kannan logot
<LogoKanta height="32" width="132" />
<LogoOmaKanta height="32" width="240" />
<LogoMittKanta height="32" width="216" />
<div className="kds-bg-brand-primary kds-p-6">
<LogoKantaWhite height="32" width="132" />
</div>
<div className="kds-bg-brand-primary kds-p-6">
<LogoOmaKantaWhite height="32" width="240" />
</div>