Hero-sektioner
En komponentfamilj med flera varianter — bildplacering, bakgrund och CTA varierar utan att bli nya komponenter. Stor hero med bild för landningssidor; lägre intro-hero på ljus bakgrundsplatta utan bild för innehållssidor; inverterad mörkblå variant; samt spegelvänd bild-vänster.
Landningssidans hero (bild höger)
Text vänster, bildkort höger, primär + sekundär CTA.
Desktop
Text och bild sida vid sida i två kolumner. CTA-knappar bredvid varandra.
Mobil
Text överst, bild under. CTA-knappar staplas i full bredd. Mindre padding.
Trygghet om du blir arbetslös
Vi hjälper dig att förstå vad du behöver göra, hur du söker ersättning och hur du hanterar ditt medlemskap.
Innehållsside-hero (utan bild)
Innehållsside-hero. Bakgrundsplatta i full bredd, brödsmula + rubrik + ingress. Används på innehållssidor där ingen bild behövs.
Regler och villkor
Här hittar du regler, villkor och information som kan påverka din rätt till ersättning.
Inverterad hero (variant)
Alternativ variant — mörkblå bakgrund med vit text.
Trygghet om du blir arbetslös
Vi hjälper dig vidare — från medlemskap till ersättning.
Hero med bild vänster (variant)
Spegelvänd hero — bild vänster, text höger. Alternativ bildplacering för omväxling i rytmen mellan sidor.
Trygghet om du blir arbetslös
Bildvänster-variant för omväxling i rytmen mellan sidor.
