Description
Taking over a site redesign, figuring out its colors, type sizes and spacing means poking through dev tools one element at a time. Dembrandt extracts any website's design system into tokens with one command: logo, colors, typography, spacing, borders, shadows, motion and components.
Output follows the W3C design token format and can be enforced in CI. It drives Chromium via Playwright and also exposes MCP.
Full extraction:Colors, type, spacing, shadows and motion.
Standard tokens:W3C DTCG format.
CI checks:Catch token drift.
MCP:Callable by AI assistants.
Output follows the W3C design token format and can be enforced in CI. It drives Chromium via Playwright and also exposes MCP.
Features
Full extraction:Colors, type, spacing, shadows and motion.
Standard tokens:W3C DTCG format.
CI checks:Catch token drift.
MCP:Callable by AI assistants.
