Dembrandt: Extract any website’s full design system in few seconds
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.
GitHub
GitHub - dembrandt/dembrandt: Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command. - dembrandt/dembrandt
Stacker News
Dembrandt: Extract any website’s full design system in few seconds \ stacker news
A CLI tool for extracting design tokens and brand assets from any website. Extract any website’s full design system in few seconds - colors, typo...
This post is part of a series. It is meant to be a place for anyone to discuss a #WIP #projects, or an #idea worth to #build. Regardless of your #project being personal, professional, physical, digital, or even simply an #idea to brainstorm together.
If you have any creative projects or ideas that you have been working on or want to eventually work on... This is a place for discussing those, gather initial feedback and feel more energetic on bringing it to the next level.
₿e #Creative, have #Fun, share it at 
# What #creative #ideas have you been rambling on?
This post is part of a series. It is meant to be a place for anyone to discuss a #WIP #projects, or an #idea worth to #build. Regardless of your #project being personal, professional, physical, digital, or even simply an #idea to brainstorm together.
If you have any creative projects or ideas that you have been working on or want to eventually work on... This is a place for discussing those, gather initial feedback and feel more energetic on bringing it to the next level.
₿e #Creative, have #Fun, share it at