Periaatteet
- Toimii kokonaisuuden kokoavana käyntikorttina laajaan aihekokonaisuuteen.
- Esittelee kokonaisuuteen kuuluvat alaosiot/teemasivustot.
- On visuaalisesti mielenkiintoinen kokonaisuus, jossa kuvamaailma vie käyttäjän aihepiirin maailmaan.
![Pääosion laskeutumissivun suositeltu sisältörakenne.](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/pa%CC%88a%CC%88osion%20laskeutumissivuston%20sisa%CC%88lto%CC%88rakenne_0.png?itok=EHQe4orA)
Suositellut sisällöt ja käytettävät komponentit
Pääosion laskeutumissivulla on hyvä käyttää seuraavia komponentteja.
1. Kansikuva (hero)
Pääosion laskeutumissivulla tulisi käyttää herotyyliä Kuva diagonaalinen tai Kuva alhaalla.
![Kansikuva kuva diagonaali](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/kansikuva_esimerkki1.png?itok=0KNVLI7N)
![Kansikuva kuva alhaalla](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/kansikuva_esimerkki2.png?itok=SLnQkONj)
2. Tällä sivustolla -linkkilista
Kansikuvan jälkeen tuleva linkkilista on listaus aihekokonaisuuden alaosioista/teemasivustoista (ns. navigaation toisinto). Listaus tehdään linkkilistakomponentilla Linkkilista kuvalla.
Suositeltu otsikko linkkilistalle on Tällä sivustolla. Huom! Linkkilistan otsikkoa ei saa jättää pois, koska se aiheuttaa saavutettavuusongelman.
![Linkkillista kuvalla](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/linkkilista%20kuvallinen.png?itok=GayNYlEg)
3. Kohderyhmälinkit
Pääosion laskeutumissivulta on mahdollisuus ohjata käyttäjä eri kohderyhmille suunnatuille erillissivustoille kohderyhmälinkit-komponentilla.
Suositeltu otsikko kohderyhmälinkeille on Muut sivustot juuri sinulle.
![Muut sivustot juuri sinulle](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/muut%20sivustot%20juuri%20sinulle.png?itok=IeLdgdhg)
4. Kuvalliset aihe- ja palvelunostot
Aihekokonaisuuden keskeisimmät tai käytetyimmät teemat kannattaa nostaa esille kuvallisilla nostoilla.
Tekstilaatikossa kannattaa ensisijaisesti käyttää CTA-painikelinkkiä (toimintaan ohjaava call-to-action). Jos haluat käyttää useampaa painiketta, muista painikelinkkien hierarkia.
![Sisältönosto](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/sisa%CC%88lto%CC%88nosto%202.png?itok=zbrTWKTD)
5. Uutiset
Aiheeseen liittyvät uusimmat uutiset voi tuoda sivulle uutislistaus-komponentin avulla. Kannattaa kuitenkin pohtia, palveleeko uutiset parhaiten pääosion etusivulla vai teemasivustojen etusivuilla.
Huom! Kuvalliset pääuutisnostot ovat käytössä vain hel.fin etusivulla.
![Uutislistaus](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/uutiset_1.png?itok=odqernpZ)
6. Avoimet työpaikat
Ohjaus kaupungin työpaikkasivustolle kannattaa tehdä kuvallisella nostolla sivun loppuun.
Myöhemmin hel.fin jatkokehityksessä on mahdollisesti tulossa oma komponentti, jolla voi tehdä automaattisen listauksen avoinna olevista työpaikoista.
![Avoimet työpaikat](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/avoimet%20tyo%CC%88paikat.png?itok=B82sdZ0z)
Tutustu esimerkkitoteutukseen
![Soten pääosion laskeutumissivu](https://stplattaprod.blob.core.windows.net/strategiatalousprod/styles/original_l/azure/pa%CC%88a%CC%88osion_laskeutumissivu_esimerkki.png?itok=HLHaBTOr)