Skip to main content
Home/Recipes/Staging vs production drift check
Audit & Compliance

Staging vs production drift check

QADeveloper

Overview

Verify staging matches production before you promote. Extract both, diff the tokens, and see exactly which colors, sizes, or spacing moved.

Visual regressions are invisible until a user complains. Instead of clicking through both environments in two browser tabs, extract staging and production and let Dembrandt diff the design tokens. You get a drift score and an itemized list: which colors changed, which font sizes shifted, which spacing steps were added or removed. Run it before every promotion as a release gate, or on a schedule to catch slow drift. The same pattern works for any two environments: a feature branch against main, a white-label theme against the reference theme, or a redesign branch against the current live site.

Pin production as the baseline

Terminal
dembrandt https://example.com --json-only > prod.json

Compare staging against it

Terminal
dembrandt https://staging.example.com --compare prod.json --html diff.html
Output

Drift score plus an itemized changed / added / removed list across colors, type, spacing, radius, and shadows.

Browse all

All recipes →

50 workflows