Design tokens
How one token set keeps thirteen sections visually honest.
ReadSet 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.Every section is a decision you only make once.
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.See the whole page before you write a line of CSS
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.Compose sections without touching a template file
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. 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. How one token set keeps thirteen sections visually honest. We replaced four plugins and a child theme with one section library.Depth where it earns its keep
Built for the story, not just the screenshot
Design tokens