Docs Block Reference Footer

Footer

The site_footer is the bottom chrome of the page — a layout-shaped container with up to three configurable link columns plus optional logo, social icons, and copyright line.

One footer per page. The same configuration can be saved to the Library and reused across pages.

When to use it

  • Marketing site footer with link columns and a copyright line
  • E-commerce footer with company / support / legal columns
  • Minimal footer with just copyright + a couple of links

When not to use it

  • For mid-page link clusters — use a regular Section with a

    • button row

  • For sticky bottom CTA — that's a separate Section with custom

    • positioning, not the page footer

Top of panel

Save to Library — button

Saves the current footer configuration to the team library for reuse on other pages.

Layout — button group: 4 Col · 3 Col · Centered · Minimal (default: 4 Col)

  • 4 Col — logo / brand area + three link columns
  • 3 Col — three link columns, no logo column
  • Centered — single centred stack
  • Minimal — just copyright + a couple of inline links

Toggles

  • Show Logo (default: off) — render the brand logo at the top

    • of the footer

  • Social Icons (default: on) — render the team's social-icon row

    • (icons come from global Social settings, not this block)

  • Copyright (default: on) — render the bottom copyright line

Link columns (3)

Three editable columns: col1, col2, col3. Each is a collapsible accordion (default closed). Per column:

  • Column title — text input, edited inline (e.g. Company,

    • Support, Legal)

  • Links — repeater of {label, url} pairs. Each link row has:

    • - A text input that toggles between label mode and URL mode (a small link-icon button switches modes) - A × button to remove the link

  • Add Link — button at the bottom of the column

Default column titles: Company / Support / Legal — edit to whatever makes sense for the brand.

Colours (3-column row)

  • Background — footer fill (default: dark surface)
  • Text — body text colour (default: #999)
  • Animator — column-title colour (default: #fff)

Spacing

  • Padding — slider, 0–200px (default: 60). Top padding (and

    • bottom by default-rule symmetry).

Per-device overrides

Layout, toggles, colours, and Padding all have separate Tablet and Mobile values.

Common override:

  • Layout — switch to Centered or Minimal on mobile to

    • reduce vertical footprint.

Common patterns

E-commerce footer

Layout 4 Col · Show Logo on · Social Icons on · Copyright on. Columns: Shop / Help / Company / About.

Minimal footer

Layout Minimal · Show Logo off · Social Icons off · Copyright on · Background #f5f5f5 · Text #555. Just © + 2-3 inline links.

Related

  • blocks/header — companion top chrome
  • blocks/section — for in-page link clusters (not bottom chrome)