Color Palette
Primary, secondary, and accent colors from theme.json, watched hex by hex.
DesignLock snapshots your design tokens — colors, fonts, spacing, typography, plugin versions — and tells you the moment something drifts. So you catch it. Not your client.
You spend weeks crafting the brand. You hand it off. A plugin auto-updates. The client edits something. Three weeks later, the colors are off, the heading font shifted, and a section looks broken — and you're the one who hears about it.
Pixel-perfect handoff. Health Score: 100.
Page builder ships v3.21. theme.json values silently overwritten.
Hex shifts from #143D32 → #1E5A47. No one notices.
System fallback rendering. Score drops to 64.
"Hey, the site looks weird?" Now you're scrambling.
DesignLock reads directly from theme.json and global styles, so every token that defines your brand is on the watchlist.
Primary, secondary, and accent colors from theme.json, watched hex by hex.
Every registered font family in your theme — and every fallback that swaps in.
The full scale from xs to xxl. Catches it when a plugin nudges your h2 by 2px.
Global spacing presets and gap values — the rhythm of your layout, watched.
Every active plugin and its version. So when something drifts, you know why.
Block editor global styles and overrides — the patterns shared across every page.
DesignLock fingerprints your live design system, then sits in the background watching for changes — across themes, plugins, blocks, editors, and global styles.
One click captures every color, font, spacing token, plugin version, and global style as it should be. Future scans get measured against this fingerprint — not guesses, not vibes.
theme.json + WordPress core registriesThe scanner compares the current state against your baseline and flags every difference — sorted by severity so you fix what matters first.
Every scan rolls into one score from 0–100. Glance at it on the dashboard, send it to a client, watch it trend over time. You'll know if the system is holding without reading a single line of CSS.
Toggle Client Lock and your client can still publish, edit, and update — but the design tokens themselves stay frozen. No more "we tweaked one color" turning into a four-hour audit.
Every scan, every change, every fix — timestamped and stored. When a client asks "what changed last Tuesday?", you don't guess. You open the log.
Hand off sites without losing sleep. When the client "fixes" something, you'll see it before they tell you.
Standardize design QA across every project. One dashboard, every client site, zero spreadsheets.
Turn drift reports into deliverables. Every scan becomes proof that your monthly retainer is doing real work.
You don't speak CSS. You shouldn't have to. DesignLock translates "something looks off" into a fixable list.
No API keys. No external services. No accounts. The plugin runs entirely inside your WordPress admin and reads what's already there.
Search "DesignLock" in your WordPress plugin directory, or upload the .zip. Free, forever.
One click captures the current design state — colors, fonts, tokens, plugins, presets — as the source of truth.
Get a Health Score and a clean list of any drift. Fix or accept each item, then re-baseline.
Run scans on a schedule or before every handoff. The plugin watches so you don't have to.
Install DesignLock and capture your first baseline in under sixty seconds. The next time something drifts — and something will — you'll be the first to know.