Extraction
1.Basic token extraction
DesignerDeveloper
Overview
Point Dembrandt at any live website and get every visual property back as structured data: colors, fonts, spacing, borders, shadows. No DevTools, no guesswork.
Dembrandt extracts the complete design token set from any live website in seconds. Run one command against any public URL and get back a structured JSON file containing every color, font family, type size, spacing value, border radius, and shadow used on the page. No browser DevTools, no manual inspection, no guesswork. The output is machine-readable and ready to hand off to developers, feed into AI agents, or load into the Dembrandt App.
Extract and print JSON
Terminal
dembrandt stripe.com --json-only
Save to output folder
Terminal
dembrandt stripe.com --save-output
Output
Complete token JSON: colors, typography scale, spacing, border radii, shadows.
More in Extraction
2.Multi-page crawl3.Dark mode analysis4.Mobile vs. desktop token comparison5.Screenshot + token visual audit6.DTCG export to Tokens Studio or Figma Variables7.Extract specific paths and merge8.Raw vs. filtered color analysis9.Extract Cloudflare-protected sites with Firefox10.Extract authenticated views via CDP
Browse all
All recipes →