Yle Tunnus -kirjautumisen ulkoasu- ja tyyliohjeistus

Yle Tunnus -kirjautumisen ulkoasu- ja tyyliohjeistus

Oletusmääritykset

Oletusvärivaihtoehdot noudattavat Ylen brändiä ja ilmettä. Niistä johdettuna kirjautumisnapissa on hyvä käyttää valkoista Ylen logoa samaa suoja-aluetta noudattaen. Lisätietoja: https://yle.fi/aihe/artikkeli/2015/02/26/ylen-brandi-ilme-ja-logot

Oletustaustavärit kirjautumispainikkeelle ovat aktiivisena #00b4c8 ja valittuna #008596.

Kirjautumispainikkeen alla voidaan näyttää ohjeteksti, joka kertoo tarkemmin Yle Tunnuksesta: “Yle Tunnus on helppo ja kotimainen tapa kirjautua palveluihin. Lue lisää”

“Lue lisää” -linkki johtaa osoitteeseen:
https://www.yle.fi/tunnus

Esimerkki kirjautumisnapista

Kirjautumisruutu

Oletusmääritykset sanelevat tyylin, mutta kirjautumisnappi sijoitetaan osaksi kirjautumisruutua palvelun ulkoasun ehdoilla.

Logon suoja-alue

Ylen logon suoja-alueen sisälle ei saa sijoittaa tekstiä, logoja, grafiikkaa tai muuta sisältöä. Logon suoja-alue määritellään logon leveyden perusteella. Kun logon leveys on 3x, suoja-alue on logon ympärillä kauttaaltaan x, siis kolmannes logon leveydestä.

Esimerkin kirjautumisnapissa logon suoja-alue on huomioitu. Painikkeen korkeus on 34px. Logon koko on 20x20 pikseliä ja sen reunoilla on 7 pikselin marginaali.