Turn any website into
DESIGN.MD
Paste a URL and get a clean DESIGN.md with AI analysis, verified colors, typography guidance, layout rules, and component specs.
3 free generations left in this browser.
Built for clean DESIGN.md output
AI writes the analysis. The app enforces formatting and source-backed colors.
AI-Guided Analysis
An OpenAI-compatible model writes site-specific guidance while code preserves valid Markdown structure.
Color Token System
Verified primary, neutral, and detected semantic colors with source-backed hex values.
Typography Scale
Font stacks, type scale tables, line heights, and letter spacing — all production-ready.
Spacing & Layout
Grid systems, spacing scales, breakpoints, and border radii extracted from the source site.
Multi-format Export
Download as Markdown, CSS Custom Properties, Tailwind config, or JSON design tokens.
Drift Monitoring
Re-run on demand to detect design drift. Know when a site updates its visual system.