Free tool

DESIGN.md generator

Pick a palette, fonts, radius, and density. Get a complete DESIGN.md spec — CSS variables, type scale, spacing scale, and component specs. Paste it into Lovable, Claude Code, or Cursor.

Product name

Color palette

Font pairing

Border radius8px

Density

Want the full 14-file spec?

DESIGN.md is just one file. Get database schema, RLS, auth flows, billing logic, and 10 more — all engineered to match.

briefkit.online — $9 →