menu

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


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


Pageheader med action

Exempel


Pageheader med lead actions

Exempel


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
Läs mer under hero

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.

keyboard_arrow_down

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

Innehåll för flik 1
Innehåll för flik 2
Innehåll för flik 3


Innehåll för flik 1
Innehåll för flik 2
Innehåll för flik 3