Design System Compliance
Audits live computed styles for near-duplicate colors, off-grid spacing, and type-scale drift — catches design-token erosion no pixel diff or source lint sees.
One of 119 modules in the GateTest scan suite. Catches the issue before it reaches code review, and on paid tiers opens a pull request with the fix already written.
Example finding from the designSystemCompliance module
52 distinct colors in use, 20 recommended — palette drifting from shared tokens
Why we catch it
Surfacing the user-visible problems static analysis usually pretends don't exist.
The Design System Compliance module sits in this category alongside 6 related modules. Together they form one of the layers of a GateTest scan — checks fire in parallel, findings cluster by root cause, and on paid tiers the AI auto-fix loop reads each finding, writes the fix, validates against the scanner, and opens a PR.
How GateTest covers design system compliance
- ✓Runs in every scan. Included on the Full ($99), Scan + Fix ($199), and Forensic Scan ($399) tiers. No additional configuration.
- ✓Free CLI.
npm i -g gatetest && gatetest --module designSystemComplianceagainst any local repo. No paywall on the scanning itself. - ✓AI auto-fix PR. Scan + Fix tier opens a pull request with the fix, a regression test, and a pair-review by a second Claude. Forensic Scan tier adds per-finding diagnosis and cross-finding attack-chain correlation.
- ✓Honest confidence rating. Findings come with high / medium / low confidence so noisy patterns don't block the gate. The confidence-calibrator trainer reads customer suppressions and tightens rules over time.
Scan your repo for design system compliance
Free preview of the headline findings. Pay per scan — no subscription.
Frequently asked questions
What does the Design System Compliance module catch?
Audits live computed styles for near-duplicate colors, off-grid spacing, and type-scale drift — catches design-token erosion no pixel diff or source lint sees. Example finding: 52 distinct colors in use, 20 recommended — palette drifting from shared tokens
Does GateTest fix Design System Compliance issues automatically?
Yes — on the Scan + Fix tier ($199) and Forensic Scan tier ($399), Claude reads the finding, writes the fix, validates against the scanner, writes a regression test, and opens a pull request for your review.
Which tiers include the Design System Compliance module?
The Full tier ($99), Scan + Fix tier ($199), and Forensic Scan tier ($399) include all 119 modules including Design System Compliance. The Quick tier ($29) only includes 4 essential modules.
Can I run the Design System Compliance module from the CLI for free?
Yes — install with `npm i -g gatetest` and run `gatetest --module designSystemCompliance` against any local repository. Paid tiers add AI auto-fix and the cross-finding correlation work.