pull down to refresh

Dembrandt: Extract any website’s full design system in few secondsgithub.com/thevangelist/dembrandt
388 sats \ 3 comments \ @deSign_r 23 Nov Design
A CLI tool for extracting design tokens and brand assets from any website. Extract any website’s full design system in few seconds - colors, typography, spacing, shadows, breakpoints. One command. No install. Powered by Playwright with advanced bot detection avoidance.
No installation needed! Just use npx:
npx dembrandt stripe.com
Dembrandt analyzes live websites and extracts their complete design system:
  • Logo — Logo detection (img/svg) with dimensions and source URL
  • Colors — Semantic colors, color palette with confidence scoring, CSS variables
  • Typography — Font families, sizes, weights, line heights, font sources (Google Fonts, Adobe Fonts, custom)
  • Spacing — Margin and padding scales with grid system detection (4px/8px/custom)
  • Border Radius — Corner radius patterns with usage frequency
  • Shadows — Box shadow values for elevation systems
  • Buttons — Component styles with variants and states
  • Inputs — Form field styles (input, textarea, select)
  • Breakpoints — Responsive design breakpoints from media queries
  • Icons — Icon system detection (Font Awesome, Material Icons, SVG)
  • Frameworks — CSS framework detection (Tailwind, Bootstrap, Material-UI, Chakra)
Perfect for competitive analysis, brand audits, or rebuilding a brand when you don't have design guidelines.
write
preview
related posts
0 sats \ 2 replies \ @grimtechnet 14h
Eyy that's pretty cool. Left a star, might come in handy.
reply
10 sats \ 1 reply \ @grimtechnet 8h
UPDATE. I tried it. Ran it in my terminal, forgot about it for 3 hours, then when I got back to it, it hadn't done anything because it got stuck on a dependency :(
$ npx dembrandt twitch.tv
Need to install the following packages:
dembrandt@0.2.0
Ok to proceed? (y) 

⠙
npm error path /home/cj/.npm/_npx/61a035a8a9d53d0b/node_modules/dembrandt
npm error command failed
npm error signal SIGINT
npm error command sh -c npx playwright install chromium --with-deps || echo 'Playwright install failed, you may need to run: npx playwright install chromium'
npm error Installing dependencies...
npm error Switching to root user to install dependencies...
npm error ╔═══════════════════════════════════════════════════════════════════════════════╗
npm error ║ WARNING: It looks like you are running 'npx playwright install' without first ║
npm error ║ installing your project's dependencies.                                       ║
npm error ║                                                                               ║
npm error ║ To avoid unexpected behavior, please install your dependencies first, and     ║
npm error ║ then run Playwright's install command:                                        ║
npm error ║                                                                               ║
npm error ║     npm install                                                               ║
npm error ║     npx playwright install                                                    ║
npm error ║                                                                               ║
npm error ║ If your project does not yet depend on Playwright, first install the          ║
npm error ║ applicable npm package (most commonly @playwright/test), and                  ║
npm error ║ then run Playwright's install command to download the browsers:               ║
npm error ║                                                                               ║
npm error ║     npm install @playwright/test                                              ║
npm error ║     npx playwright install                                                    ║
npm error ║                                                                               ║
npm error ╚═══════════════════════════════════════════════════════════════════════════════╝
npm error sudo: a password is required
npm error A complete log of this run can be found in: /home/cj/.npm/_logs/2025-11-24T00_32_03_510Z-debug-0.log
reply
0 sats \ 0 replies \ @deSign_r OP 3h
I tried myself yesterday and got some error I did not understand on macos. Tried again after installing playwright.dev package, and it worked fine.
Weird because it explicitly said in the repository "No installation required". But apparently it has a playwrigth dependency.
reply