Pageheader
Pageheadern återfinns strax under headern på undersidor. Den finns i många olika varianter för att fungera för såväl artiklar som landningssidor och applikationssidor.
Variant 1
I sin enklaste form består pageheadern bara av breadcrumbs, rubrik och det svarta strecket.
Tänk på
- Max två rader i rubriken (desktop)
Kan exempelvis användas på nivåerna:
- sodra.com/Om Södra
- sodra.com/Om Södra/Pressrum
Exempel
Dubbelt så mycket miljöhänsyn vid avverkning än vad Skogstyrelsen tidigare angett
Dubbelt så mycket miljöhänsyn vid avverkning än vad Skogstyrelsen tidigare angett
Variant 2
I den här varianten har etikett, och ingress lagts till.
Tänk på
- Max två rader i rubriken (desktop)
- Max 200 tecken i ingress
Kan exempelvis användas på nivåerna:
- sodra.comstrong/Om Södra
- sodra.com/Om Södra/Pressrum
- sodra.com/Om Södra/Pressrum/Artikel
Exempel
Dubbelt så mycket miljöhänsyn vid avverkning än vad Skogstyrelsen tidigare angett
Nyhet 2015-03-27 09:45
I ett pressmeddelande meddelar Skogsstyrelsen att i genomsnitt cirka 8 procent av arealen lämnas som hänsynsytor vid slutavverkning. Andelen som sparas för enskilda skogsägare uppgår enligt Skogstyrelsen till 6 procent medan den för övriga ägare är 10 procent.
Dubbelt så mycket miljöhänsyn vid avverkning än vad Skogstyrelsen tidigare angett
Nyhet 2015-03-27 09:45
I ett pressmeddelande meddelar Skogsstyrelsen att i genomsnitt cirka 8 procent av arealen lämnas som hänsynsytor vid slutavverkning. Andelen som sparas för enskilda skogsägare uppgår enligt Skogstyrelsen till 6 procent medan den för övriga ägare är 10 procent.
Pageheader med action
Exempel
Pageheader med lead actions
Exempel
Kurskatalog Södraskolan
Publicerad 2017-11-06
Här listas Södraskolans kurser. Kurstillfällen läggs upp löpande.
Kurskatalog Södraskolan
Publicerad 2017-11-06
Här listas Södraskolans kurser. Kurstillfällen läggs upp löpande.
Fullbredds hero
Fullbredds hero är också en form av pageheader men det används endast på dom två översta nivåerna på webbplatsen.
Tänk på
- Max två rader i rubriken (desktop)
- Max 140 tecken i ingress
- Max en huvudknapp och en sekundärknap
Kan exempelvis användas på nivåerna:
- sodra.com
- sodra.com/Om Södra
Exempel
Våra medlemmar är vår viktigaste tillgång
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores rerum reprehenderit tempora, architecto optio, omnis fugiat aliquid consectetur, reiciendis libero.
Våra medlemmar är vår viktigaste tillgång
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores rerum reprehenderit tempora, architecto optio, omnis fugiat aliquid consectetur, reiciendis libero.
keyboard_arrow_down
Pageheader med flikar
En pageheader kan också ha en intern navigation bestående av flikar. De passar bäst för webbapplikationer.
Exempel
Skogsägarnätet
Skogsägarnätet
Innehåll för flik 1
Innehåll för flik 2
Innehåll för flik 3