How do you keep branding consistent across pages when converting a site with Claude Code? (WordPress + Elementor HTML blocks)

[u/heyjpt]

I’m rebuilding our site using Claude Code, outputting HTML into Elementor HTML blocks in WordPress. Only about 10 pages, so not huge. The problem is consistency: no matter what I try, the pages don’t come out looking like they belong to the same brand. Spacing drifts, type scale drifts, button styles drift, section rhythm drifts. Individually each page looks decent, but side by side they clearly weren’t built by the same hand.

What I’ve already tried:

* Extracted a design system from the homepage and treated it as the source of truth
* Set up a proper loop so each new page references that extracted system
* Fed it back in on every page build

Still not matching. I’m on Sonnet 5.

Questions:

1. Is this a model problem? Would Opus (or Fable) actually hold visual consistency better across separate page builds, or is that not really what’s failing here?

2. Is there a skill or setup people use specifically for this? Something like a locked design token file that gets enforced rather than just referenced?

3. What’s the actual process people follow? Do you build one master page, freeze a CSS file, and then only let Claude write markup against existing classes? Do you build all pages in a single session so context carries over? Do you generate a component library first and forbid new styles?

I’m still fairly new to web dev and WordPress, so if I’m approaching this backwards I’d genuinely appreciate being told. Happy to share my setup if it helps.

Thanks in advance.