Design extractor

Any website.
One DESIGN.md.

Paste a link. Distill reads the site’s shipped CSS: its colors, type, shapes and rhythm. You get back a complete, token-first design system file you can build with.

Try:

How it works

01

Fetch

Distill pulls the page and every stylesheet it ships: the same CSS your browser renders.

02

Mine

Thousands of declarations are ranked by role: canvas, ink, accent, surfaces, type, radii, spacing.

03

Compose

The signals become a token-first DESIGN.md: frontmatter tokens plus an editorial style guide.