Features

The Features block creates a grid of feature cards with icons, headings, and descriptions. It’s designed for services, benefits, or key highlights.

What It Includes

• Eyebrow (optional)
• Section heading + intro text
• A grid of Feature Item cards (child block)

Layout Controls

• Inner spacing (Top/Bottom): Small / Medium / Large
• Inner spacing (Left/Right): Small / Medium / Large
• Content alignment: Left / Center / Right
• Top margin: Use global / None / Small / Medium / Large
• Bottom margin: Use global / None / Small / Medium / Large
• Columns: 2 / 3 / 4
• Feature style:
  • Icon top (centered) Icon left (horizonal) Icon inline
• Icon spacing: 0–100px (gap between icon and text)

Typography Controls

Section typography

• Heading tag: H1 / H2 / H3
• Heading size: Theme default, Small → 4XL
• Body size: Theme default, Small → 4XL

Feature item typography

• Feature heading tag: default H3
• Feature heading size: Theme default, Small → 4XL
• Feature body size: Theme default, Small → 4XL

Colour Controls

Section colours

• Heading text
• Body text
• Background

Feature card colours

• Feature heading
• Feature text
• Feature link
• Feature background

Feature Item (Inside Features)

Each card is a Feature Item block. It includes:

• Icon/Image upload
• Title
• Description (rich text)
• Icon color (only for SVG icons)

Tips

• Use SVG icons if you want per‑icon colour control.
• Use “Icon left” for horizontal layouts (good for service lists).
• Keep headings short for best grid balance.