Return to Portfolio

Dynamo Customizer

dynamo theme

This is a WordPress theme I built around the idea that every visual design decision in a site — colours, fonts, spacing, borders, shadows, layout widths — should live in one place: the Customizer.

In a typical WordPress setup, design tokens get scattered across theme.json, hard-coded CSS, the Customizer, and Additional CSS. Changing the brand colour means hunting in several files. Dynamo collapses all of that into a single token registry that emits –dynamo-* CSS custom properties on the fly. Change an accent colour in the Customizer once, and every component on the front end picks it up.

The same generated stylesheet is also injected into the block editor canvas, so the preview you see while editing reflects the real Customizer values rather than core’s generic block styles. Native WordPress controls (border radius, max-width, colours) are respected and take precedence; Dynamo only fills the gaps.

Dynamo is a classic theme that treats the block editor as a first-class consumer. It registers no custom blocks or post types, recommends no plugins, and adds no admin UI beyond a small section in the Customizer — its job is to be a polished, performant foundation that other plugins and child themes can extend without conflict. A public filter surface (dynamo_token_defaults, dynamo_css_modules, dynamo_css_{module}) lets plugin authors add tokens, override defaults, or inject custom CSS modules. WooCommerce and cookie-consent (Complianz, Borlabs) integrations are baked in.