Skip to main content
Home/Recipes/Basic token extraction
Extraction

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

Multi-page crawlDark mode analysisScreenshot + token visual auditDTCG export to Tokens Studio or Figma VariablesExtract and merge tokens across key pagesRaw vs. filtered color analysisExtract Cloudflare-protected sites with FirefoxExtract authenticated views via CDP

Browse all

All recipes →

52 workflows

Continue reading

Getting started

Install Dembrandt and turn any public website into a complete set of design tokens in under 2 minutes. All you need is Node.js and a terminal.

Read more

MCP

Use Dembrandt as a tool inside Claude Code, Cursor, Windsurf, or any MCP-compatible editor. Your agent extracts live design tokens automatically when you ask.

Read more

Skills

30 UX and design system skills for AI agents. Install once, your agent designs with hierarchy, WCAG standards, and brand accuracy. The UX knowledge that normally costs senior consultant days.

Read more