Dembrandt MCP Server: Extract Design Tokens from Any Website

• Pulls a site's whole design system

  Opens the site in a real browser and returns its colours, fonts, spacing, corner radii, shadows, button and input styles, breakpoints and logos. Set it to crawl several pages for a fuller result. It returns a job ID to check later.

  Try: “Extract the design tokens from stripe.com.”

  Network · get_design_tokens

• Pulls a site's brand colours

  Returns the main brand colours, a ranked full palette with confidence levels, CSS variables and hover colours, each in hex, RGB, LCH and OKLCH.

  Try: “What are the brand colours on linear.app?”

  Network · get_color_palette

• Pulls a site's fonts and type scale

  Returns each font family with its fallbacks, the type scale for headings, body, buttons and links, plus where the fonts load from.

  Try: “Which fonts does notion.so use and at what sizes?”

  Network · get_typography

• Pulls button, input and link styles

  Returns button variants with hover, active and focus states, input field styles, link styles and badge styles.

  Try: “Show how buttons look and behave on vercel.com.”

  Network · get_component_styles

• Pulls corner radii, borders and shadows

  Returns border radii by element type, border patterns and box shadow levels used on the site.

  Try: “What corner radii and shadows does github.com use?”

  Network · get_surfaces

• Pulls a site's spacing system

  Returns the most common margin and padding values and detects whether the site uses a 4px, 8px or custom grid.

  Try: “Is figma.com built on an 8px grid?”

  Network · get_spacing

• Pulls animation timing and easing

  Returns transition and animation durations, easing curves, named keyframes, hover patterns and gradients used on the site.

  Try: “How long are the hover transitions on apple.com?”

  Network · get_motion

• Pulls logo, icons and tech stack

  Returns the site name, logo, favicon variants, the frameworks and libraries behind the UI, icon systems and breakpoints.

  Try: “What is shopify.com built with, and what is its logo?”

  Network · get_brand_identity

• Scores how far a design moved from a baseline

  Compares two extractions and returns a 0 to 100 drift score, a stable or drift verdict and the list of changed, added and removed tokens. It runs without a browser.

  Try: “Compare today's extraction of our site to last month's and give a drift score.”

  Read · compute_drift

• Builds an HTML design report

  Creates a self-contained HTML report from an extraction, with an optional drift comparison. It returns the HTML as text for you to save.

  Try: “Make an HTML report of the extraction and save it as report.html.”

  Read · render_report

• Checks a design for quality problems

  Lints an extraction for contrast failures, near-duplicate colours, off-scale spacing and radius sprawl, and returns each issue with a severity.

  Try: “Lint the extracted design for accessibility and consistency issues.”

  Read · get_findings

• Exports W3C design tokens

  Converts an extraction to the W3C Design Tokens format, ready for Style Dictionary or Figma token plugins.

  Try: “Export the extracted tokens as a DTCG tokens file.”

  Read · export_dtcg

• Writes a DESIGN.md brand guide

  Turns an extraction into a readable DESIGN.md covering colours, type, spacing, surfaces and components.

  Try: “Generate a DESIGN.md from the extraction of our site.”

  Read · generate_design_md

• Writes a Tailwind v4 theme

  Renders a Tailwind v4 theme block of colours, type, spacing, radii and shadows using only values measured on the site.

  Try: “Give me a Tailwind theme block from the extraction.”

  Read · export_tailwind

• Writes a shadcn/ui theme

  Renders the shadcn/ui theme variables from an extraction, filling only slots the page supplied and naming the rest.

  Try: “Create a shadcn theme from the extracted design.”

  Read · export_shadcn

• Validates a design tokens file

  Checks a W3C Design Tokens document against the 2025.10 spec and returns each error with its path.

  Try: “Validate this tokens JSON against the DTCG spec.”

  Read · validate_dtcg

• Grades colour pairs for WCAG contrast

  Checks colour pairs you name against WCAG 2.1 AA and AAA and returns the ratio, the ratio required and the verdict.

  Try: “Does white text on #1a73e8 pass AA contrast?”

  Read · check_contrast

• Checks if a site allows extraction

  Asks whether robots.txt allows extracting a URL before you spend a browser run on it. It makes one web request.

  Try: “Does robots.txt allow extracting example.com?”

  Network · check_robots

• Checks on a running extraction

  Polls an extraction job and returns its status and, once finished, the full result.

  Try: “Is that extraction finished yet?”

  Read · get_job_status

• Lists this session's extraction jobs

  Lists the extraction jobs from this session with status, URL and time. Finished jobs are kept for one hour.

  Try: “List my extraction jobs.”

  Read · list_jobs

• Cancels a queued extraction

  Cancels a job that is still queued. It has no effect on jobs already running.

  Try: “Cancel the queued extraction job.”

  Read · cancel_job

Watch out for

• It runs a real browser against any URL

  The extraction tools launch Chromium and load whatever address you give them, including local network addresses. Point it only at sites you mean to inspect. github.com

• Cookies and logins can be passed to it

  The tools accept cookies, a cookie file, headers and basic-auth credentials. Anything you paste goes through the chat, so use short-lived sessions. github.com

• An optional API key is documented to upload results

  docs/mcp.md says DEMBRANDT_KEY uploads each extraction to your dembrandt.com account. The MCP server source has no upload code (only the command-line tool reads the key), so we could not confirm this. Leave the key unset to keep results local. github.com

• It respects robots.txt only as a warning by default

  The server checks robots.txt but only refuses a site when DEMBRANDT_ENFORCE_ROBOTS=1 is set. Check the site's terms before extracting. github.com

Security advisories