Extract a page into a lightweight DESIGN.md.
Turn a live page into a compact design snapshot with detected colors, headings, and structural patterns for analysis or inspiration.
Useful for design references, teardown notes, and competitive UX reviews.
What this tool helps you do
Color palette snapshot
Pull likely visible color values from page source and styles.
Heading structure summary
See the H1/H2/H3 shape at a glance.
Markdown report
Copy a compact design note into docs, briefs, or prompts.
How it works
Paste a page URL.
Use any public marketing page, docs page, or homepage.
Generate a snapshot.
The tool extracts visible style clues and page structure.
Use the DESIGN.md output.
Drop it into teardown docs, AI prompts, or inspiration boards.
Use cases
Where teams use this tool
Competitive teardowns
Summarize a site’s visual system before a redesign or pitch.
Prompt grounding
Feed a compact design brief into downstream AI tools.
Design documentation
Keep quick style references alongside internal notes.
Developer-friendly
Simple Worker endpoint
/api/design?url=https://example.comEach free tool runs as a small Cloudflare Worker with a public HTTP interface. That makes them useful for browser use, SEO pages, and automation flows.
Open source
Use the repo, fork it, or deploy your own copy
Other free tools
