DesignLock

Description

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