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

Käyttöpaikat

  • Laskeutumissivu
  • Toimipistesivun alempi sisältöalue
  • Palvelusivun alempi sisältöalue

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 *
  • Kuva *
  • Kuvaus

Komponentin taustaväri määräytyy sivustolle valitusta väripaletista, ja voit käyttää siinä väripaletin ensisijaista tai toissijaista 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 toissijaisen painikkeen (painike, jolla on vain reunukset) tai taustattoman version. Eri painiketyylien avulla voidaan korostaa käyttäjälle tärkeimpiä ohjauksia.

Esimerkkikuva kuvanostoista 1
Esimerkkikuva kuvanostoista 2
Esimerkkikuva kuvanostoista 3