Skip to content

Every section is a decision you only make once.

Set your tokens, pick your sections, hand it over.

Design tokens are declared once and inherited everywhere — so a colour change in the admin panel reaches the hero, the cards, the footer and the block editor in the same breath. Sections stay independently overridable when a page genuinely needs to differ.

Explore the section library

Everything included, nothing bolted on

The pieces a corporate site needs, built into the theme rather than assembled from eight plugins.

  • Four-layer layouts

    Page template, menu context, section pattern and FSE part each control their own concern.

  • Real design tokens

    One token set drives theme.json, the block editor and every stylesheet at once.

  • Vite + Tailwind v4

    Hot module reload in development, a hashed manifest build in production.

  • GUI for everything

    Each section exposes plain-language controls under AnB Corporate Setup.

  • Accessible by default

    Real landmarks, focus-visible parity and reduced-motion handling in every section.

  • Light on the wire

    No jQuery, no framework runtime, no render-blocking third-party fonts.

  • Hardened output

    Every field sanitised on save and escaped again on render. No exceptions.

  • Translation ready

    Full text-domain coverage with a POT file generated from the same source.

The AnB Corporate Setup panel with a live section preview

See the whole page before you write a line of CSS

The setup panel previews your token changes against a live section, so the decision you make in the admin is the decision your visitors see. No round-trip through a staging build.

Open the setup panel

Section composer showing nested layout rows

Compose sections without touching a template file

Reorder, duplicate and restyle sections from one screen. Anything you change is stored as sanitised options and rendered by the same PHP that powers the block patterns.

Depth where it earns its keep

Layered clusters instead of one flat screenshot.

The spotlight section composes several small cards into one scene, so a feature can be shown from three angles at once without demanding a bespoke illustration.

Built for the story, not just the screenshot

Position each item by percentage, set its z-index, give it a rotation. Below 992px the whole cluster degrades to a clean vertical stack — overlapping cards never survive a narrow viewport, so the theme stops pretending they do.

Read the section spec

Product walkthrough still

Design tokens

Guide · 6 min read

How one token set keeps thirteen sections visually honest.

Read

We replaced four plugins and a child theme with one section library.

Priya N. — Head of Digital