Features

Visa funktioner eller fördelar med ikoner i ett rutnät

Tillbaka till block
Features

Ett block som visar funktioner, fördelar eller tjänster i ett responsivt rutnät. Varje objekt har en ikon eller bild, rubrik, text och valfri länk. Perfekt för att presentera klubbens tjänster, fördelar med medlemskap eller anläggningens faciliteter på ett visuellt tilltalande sätt.

Tips
Håll alla features ungefär lika långa textmässigt för ett jämnt utseende. Använd antingen ikoner eller bilder konsekvent – blanda inte.

Så använder du blocket

  1. Lägg till blocket på önskad sida

  2. Ange en övergripande rubrik och valfri ingress

  3. Lägg till features-objekt med ikon/bild, rubrik och text

  4. Anpassa antal per rad och ikonstorlek

  5. Justera färger efter webbplatsens design

Innehåll
Header (valfritt)

Övergripande rubrik som visas centrerat ovanför alla features.

Ingress (valfritt)

Introduktionstext under rubriken. Bra för att kort beskriva vad som presenteras.

Features (valfritt)

Lägg till features-objekt. Varje objekt har ikon/bild, rubrik, text och valfri länk.

Max antal features per rad (valfritt)

Antal features som visas per rad på desktop.

Max antal features i rad på smartphone (valfritt)

Antal features per rad på mobilen.

Storlek på ikoner (valfritt)

Välj storlek på ikonerna – påverkar hur framträdande de är.

Vänsterställ innehållet i features-tabellen (valfritt)

Vänsterställer text och ikon istället för centrerat. Gäller för desktop.

Utseende och färger
Textfärg (valfritt)

Färg för all text i blocket.

Ikonfärg (valfritt)

Färg på ikonerna.

Ikon-bakgrundsfärg (valfritt)

Bakgrundsfärg på den runda cirkeln bakom ikonen.

Bakgrundsfärg (valfritt)

Bakgrundsfärg för hela blocket.

Layout
Container (valfritt)

Begränsar blockets bredd till en centrerad container.

Padding inom blocket (valfritt)

Styr hur mycket luft det ska vara inom blocket.

Avancerat
Animera (valfritt)

Välj om blocket ska ha en animation när det scrollas in i vy.

Inaktivera blocket (valfritt)

Döljer blocket utan att ta bort det.

Tips

  • Håll texterna ungefär lika långa för alla features så att rutnätet ser jämnt ut
  • Använd antingen ikoner eller bilder konsekvent – blanda inte inom samma block
  • 3-4 features per rad fungerar bäst på desktop, 1-2 på mobil
  • Bilder beskärs runt – välj bilder som fungerar i cirkelformat