Skip to content

Banner

Extract Design Systems In Seconds

One command extracts any website's full design system instantly. Perfect for design audits, competitor research, and building consistent design tokens.


Projects

Extract colors, typography, spacing, borders, shadows, logos, and more into structured design tokens.

npx dembrandt stripe.com

NEW: W3C Design Tokens (DTCG) format export with --dtcg

npm install -g dembrandt
dembrandt bmw.de --save-output --dtcg

Web-based real-time validator for W3C Design Tokens Community Group format (DTCG). Supports all 13 token types, aliases/references, and circular reference detection.

Try it live →


Follow: @dembrandtcom on X

Popular repositories Loading

  1. dembrandt dembrandt Public

    Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

    JavaScript 1.1k 123

  2. dtcg-validator dtcg-validator Public

    [Unofficial] Web-based validator for W3C DTCG design tokens (2025.10 spec)

    JavaScript 2

  3. .github .github Public

    Extract Design Systems Instantly

Repositories

Showing 3 of 3 repositories
  • .github Public

    Extract Design Systems Instantly

    dembrandt/.github’s past year of commit activity
    0 0 0 0 Updated Dec 29, 2025
  • dtcg-validator Public

    [Unofficial] Web-based validator for W3C DTCG design tokens (2025.10 spec)

    dembrandt/dtcg-validator’s past year of commit activity
    JavaScript 2 0 0 0 Updated Dec 29, 2025
  • dembrandt Public

    Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

    dembrandt/dembrandt’s past year of commit activity
    JavaScript 1,138 MIT 123 10 (2 issues need help) 0 Updated Dec 29, 2025

Top languages

Loading…