Icon cards
A row of small cards, each with an icon (or image), heading, and text — commonly used for trust badges, features, or FAQs. Limited to 6 blocks. Not available in the header, drawers, or popups.
Layout
Section titled “Layout”- Column count — number of columns on desktop. Range 1–6, default 3.
- Mobile layout — Stacked or Inline. Default Stacked.
- Content alignment — Left, Center, or Right. Default Left.
- Remove gaps — removes the spacing between cards. Default off.
Section settings
Section titled “Section settings”- Color scheme — default Scheme 1.
- Spacing — where padding is applied: Bottom, Top, Top and bottom, or None. Default Top and bottom.
- Spacing size — Base, Small, or X-small. Default Base.
- Container size — Full, Wide, or Normal. Default Normal.
- Include header offset — offsets the section by the height of the header, in addition to the top padding. Default off.
Blocks
Section titled “Blocks”Each block is one card.
Icon card
Section titled “Icon card”- Icon type — Icon (choose from the built-in icon library) or Image (upload your own). Default Icon.
- Icon (only when Icon type is Icon) — choose from a large built-in icon library (arrows, badges, social icons, and general symbols like truck, gift, star, heart, and more).
- Icon image (only when Icon type is Image) — your own icon image.
- Icon size — range 0.8–5rem, default 1rem.
- Color scheme — the card’s color scheme.
- Heading — the card’s heading text. Supports inline rich text — wrap a word in
[brackets]to apply the scheme’s “heading highlight” color to it. - Heading tag — the actual HTML heading tag used (H1–H6).
- Heading size — the visual size (H0–H6), independent of the tag. Default H4.
- Use a different size on mobile — set a separate visual heading size on mobile. Default off.
- Size (mobile) (only when the above is on) — default H4.
- Rich text — the card’s body text.
- Size (rich text) — Medium, Base, Small, or X-small. Default Base.
- Link — where the card links to.