Kuvallinen nosto

Kuvallisella nostolla voit rakentaa laskeutumissivuille visuaalisesti vaikuttavia ohjauksia sivuston muille sivuille.

Käyttötarkoitus

Käytä kuvallista nostoa kun:

  • haluat kiinnittää käyttäjän huomion laskeutumissivulla
  • sisältöä tukee visuaalisesti vaikuttava nosto
  • ohjaat käyttäjää muille Hel.fi-sivuston sivuille
Esimerkkikuva kuvanostoista 1
Esimerkkikuva kuvanostoista 2
Esimerkkikuva kuvanostoista 3

Toiminnallisuudet

Kuvallinen nosto -komponentista on valittavana erilaisia vaihtoehtoja:

  • Kuva ja värillinen tausta, kuva oikealla

  • Kuva ja värillinen tausta, kuva vasemmalla

  • Koko sivun kokoinen taustakuva, jossa tekstilaatikko kuvan päällä oikealla.

  • Koko sivun kokoinen taustakuva, jossa tekstilaatikko kuvan päällä vasemmalla.

Voit lisätä komponenttiin seuraavat kentät:

  • Otsikko (Pakollinen)

  • Kuva (Pakollinen)

  • Kuvaus

Komponentin taustaväri määräytyy sivustolle valitusta väripaletista, ja voit käyttää siinä väripaletin “primary” tai “secondary” väriä.

Ohjeistus

Käytä kuvallisia nostoja harkiten, jotta ne eivät häiritse käyttäjää. Vältä pitkiä tekstimassoja, ja kerro enintään parissa virkkeessä käyttäjän kannalta tärkein tieto.

Käytä lähtökohtaisesti taustavärillistä painiketta (pääasiallinen painiketyyli). Mikäli sinulla on tarve lisätä useampia painikkeita, voit valita ensijaisen painikkeen lisäksi secondary -painikkeen (painike, jolla on vain reunukset) tai taustattoman version. Eri painiketyylien avulla voidaan korostaa käyttäjälle tärkeimpiä ohjauksia.