Dembrandt App
Dembrandt CLI extracts tokens from any site. The App tracks token drift over time. Pin a baseline, run another extraction, get a visual diff of everything that shifted.
What the App does
Baseline pinning
Mark any snapshot as your reference. Every new extraction is automatically scored against it.
Token drift report
See a visual diff of what changed: colors as swatches, type sizes, spacing values, with before and after.
Snapshot history
Every extraction is stored with a timestamp and browsable via a timeline calendar per domain.
Copy tokens instantly
Grab any value (color, spacing, radius) directly into Copilot, Claude, Cursor, or your codebase.
Brand assets diff
Logo and favicon changes are detected and shown visually alongside token changes.
Category breakdown
Drift is organized by category: colors, typography, spacing, radius, shadows. Easy to scan and act on.
How it works
- 1
Upload 2 or more extractions made with Dembrandt CLI to Dembrandt App.
- 2
Set a ★ Baseline extraction using the header button. The first extraction is set automatically.
- 3
Inspect token drift by token in the Drift panel: colors, type, spacing, radius, shadows.
- 4
Collapse the Drift panel if you just want to browse the tokens.
- 5
The drift report shows exactly what shifted. A caption dropped from 12px to 11px, a spacing value disappeared, a radius changed. Copy the report and share it, or paste it straight into your AI editor.
What to do with the findings
- Compare values against your Figma variables or brand guide and flag anything that drifted.
- Share the exact before/after values with your team. No more guessing what changed.
- Paste the drift report into Copilot, Claude, or Cursor and ask it to fix the inconsistencies.
- Run extractions before and after a release as a lightweight visual regression check.