menu

Hero

Heros är en av dom största identitetsbärande elementen i Unity. Det är stora, proffesionella och noga utvalda foton som tillsammans med text ska kommunicera ett specifikt budskap och Södra generellt. Även om Heros kommer i olika varianter så har dom gemensamt att dom täcker större delen av skärmen oavsett enhet. Det är därför dessa endast kan användas på startsidan och sektionssidor. En mindre variant finns för undersektionssidor i specialfall som t ex kampanjer.

Fullbreddshero

Bilden är fullbredd och ovanför den ligger rubrik, ingress och knappar.

Tänk på

  • Max två radier i rubriken (desktop)
  • En beskrivande ingress på max 140 tecken
  • Max två knappar (primär och sekundär) är tillåtna.
  • Välj en bild som har lugna ytor och starka färger som gör att texten går att läsa.

Rekommenderad placering

  • Alltid längst upp på sidan och under logga/navigation.

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.

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

Fullbreddshero med video

Videon är fullbredd och ovanför den ligger rubrik, ingress och knappar. Denna variant kan användas med en bakgrundsvideo istället för en bild eller för att locka besökaren att titta på hela videon. I det sista fallet ersätts knappar med en videoknapp.

Tänk på

  • Max två radier i rubriken (desktop)
  • En beskrivande ingress på max 140 tecken
  • Max två knappar (primär och sekundär) är tillåtna.
  • Videoknapp används om herons syfter är att se en hel video
  • Välj en video som har lugna ytor och starka färger som gör att texten går att läsa.
  • Videon ska vara en kort loop och fungera som teaser
  • Video i hero har inget ljud (det startar först på när användaren trycker play)

Rekommenderad placering

  • Alltid längst upp på sidan och under logga/navigation.

Kan exempelvis användas på nivåerna:

  • sodra.com
  • sodra.com/Om Södra

Exempel

Join our Journey

September 29-30 2016 in Värö, Sweden

Join our Journey

September 29-30 2016 in Värö, Sweden

Fullbreddshero med tabbar

Text kommer...

Tänk på

  • Max två radier i rubriken (desktop)
  • En beskrivande ingress på max 140 tecken
  • Max två knappar (primär och sekundär) är tillåtna.

Rekommenderad placering

  • Alltid längst upp på sidan och under logga/navigation.

Kan exempelvis användas på nivåerna:

  • sodra.com
  • sodra.com/Om Södra

Exempel

Join our Journey

September 29-30 2016 in Värö, Sweden

Join our Journey

September 29-30 2016 in Värö, Sweden

Boxad Hero

Har samma element som fullbreddsheron men är lika bred som resten av innehållet på sidan. Denna kan användas på sektions- och undersektionssidor där man vill jobba med en stor bild och rubrik men i mindre skala.

Tänk på

  • Max två radier i rubriken (desktop)
  • En beskrivande ingress på max 140 tecken
  • Max två knappar (primär och sekundär) är tillåtna.

Rekommenderad placering

  • Alltid längst upp på sidan och under logga/navigation och breadcrumbs.

Kan exempelvis användas på nivåerna:

  • sodra.com/Om Södra
  • sodra.com/Om Södra/Pressrum

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