DesignLock
Build it once. Keep it perfect.
DesignLock monitors your design system and alerts you the moment something changes — before your client or visitors notice.
The Problem Every Developer Knows:
You spend weeks building a pixel-perfect site. You hand it off. A plugin updates. The client edits something. Three weeks later someone notices the brand color is wrong, the font changed, and a section looks broken.
DesignLock fixes this. It snapshots your design tokens — colors, fonts, spacing, global styles — and compares every scan against that baseline. The moment something drifts, you get an alert with exactly what changed and what caused it.
What DesignLock Tracks:
- 🎨 Color Palette — Primary, secondary, and accent colors from theme.json
- ✏️ Font Families — All registered font families in your theme
- 📏 Typography Scale — Font sizes from xs to xxl
- 📐 Spacing Tokens — Global spacing and gap presets
- 🔌 Plugin Versions — All active plugins — so you know what update caused the drift
- 🎨 Global Styles — Block editor global styles and overrides
Key Features:
Design Baseline
Run a scan to lock your current design state as the « golden baseline. » Every future scan compares against this.
Drift Detection
Automated daily scans detect color changes, font changes, spacing changes, and plugin updates. Get severity-rated alerts (Critical / High / Medium / Low).
Client Lock Mode
Lock specific design tokens so clients and editors cannot accidentally change them. Perfect for agencies handing off sites.
Design Health Score
A 0-100 score showing how closely your live site matches its baseline. At a glance — is your site healthy?
Scan History
Full timeline of every scan, with status (clean / drifted / error) and drift count per scan.
Built for:
- Freelancers who hand off sites to clients
- Agencies maintaining multiple client sites
- Developers who run monthly care plans
- Site owners who want peace of mind after plugin updates