Whyso Design System | Built on BrandSpec Open Standard
Brand tokens in.
WordPress themes out.
The Whyso Design System is a small code-gen tool. Hand it a brand — colours, type, spacing — and it hands you back a ready-to-ship WordPress theme, ACF block library, and live preview. No Figma → dev handoff. No pixel-pushing.
What this is
A build tool for brand-led WordPress sites.
We run a design studio. We were tired of rebuilding the same theme scaffold every time a client came in with a new brand. So we wrote Whyso Design System — a hub that ingests a brand spec and emits the production code: design tokens, block templates, ACF field schemas, the lot.
Designers work in a shared mockup format. The system turns those mockups into real blocks. The Library is the visual reference. The Mockup Spec is the rulebook. Both are public so the tooling, the AI assistants, and the humans all read from the same page.
Explore
Three doors in.
Block Library
Every block the hub can deploy to a client site, rendered live with a neutral reference palette. Filter by category, search by keyword, copy the canonical section wrapper.
Open Library 02 / SpecMockup Spec
The single source of truth for mockup HTML — class names, data attributes, surfaces, container rules. Designers and AI mockup authors read this before writing a line.
Read the spec 03 / HubAdmin Hub
Where our team assembles client projects, imports designs, and pushes one-click deploys to a live WordPress site via the Whyso Design System plugin.
Sign inA Whyso product.
Visit whyso.uk