Vaihtoehdot ja koot

HSL.fi-etusivulle voi asettaa kampanjabannerin, joka sijoittuu sivun header-osuuteen. Bannerista voidaan linkittää toiselle sivulle.

Valittavana on sisältöosuuden (käsittää etusivun kolme palstaa) oikeaan reunaan sijoittuva pieni banneri tai koko sisältöosuuden leveyden kattava iso banneri. Banneria tehdessä pitää huomioida sivuston responsiivisuus: banneri skaalautuu käyttäjän päätelaitteen mukaan. Huomoitavaa on kuitenkin, että etusivun banneri ei näy selattaessa sivustoa kännykällä.

Ohjeet pienen bannerin tekemiseen:

Bannerin mitat ovat 435 x 243px.

Banneri sijoittuu sisältöosuuden oikeaan reunaan. Muulle header-osuudelle voidaan määrittää seuraavat HSL:n värit:
- HSL bussin sininen (oletus)
- HSL lähijunan vihreä
- HSL metron oranssi
- HSL lautan sininen
- HSL vaalennettu lautan sininen (etusivun taustaväri)
- HSL pinkki
- HSL varoituspunainen
- huomiokeltainen
- Cool Gray 10 / K 80%
- valkoinen Katso väriarvot: www.hsl.fi/tyyliopas/varit

Esimerkki isosta bannerista

Ohjeet ison bannerin tekemiseen:

Bannerin mitat ovat 1190 x 396px. Korkeudella 240px tulee näkyä kaikki oleellinen kuvainformaatio, mutta kuvan tulee jatkua 396px asti. Banneri skaalautuu tasaisesti alas- ja ylöspäin. Näytöstä riippuen kuva voi skaalautua enintään 78px ylöspäin ja 78px alaspäin. Banneri käsittää sisältöosuuden, eli sen vasempaan ja oikeaan reunaan jää header-osuutta. Valittavana ovat samat värit kuin pienen bannerin yhteydessä.