Skip to content
Launch offerAll 100 styles $19 $99·Launch pricing ends Sunday
StyleMD
Launch offer · Launch pricing ends Sunday

One payment. 100 design systems.

No subscription and no seats. Buy one style for a project, or the whole library for every project after it.

Free

$0

Six complete styles to try the workflow.

  • 6 full styles, every file
  • Lite DESIGN.md for all 100
  • Try 3 styles with your brand
Get the free styles

One style

Launch offer · Launch pricing ends Sunday

$9$19

One-time, no subscription

Pick any one style, every file, forever.

  • Full DESIGN.md
  • Tailwind 4 theme.css + tokens.json
  • Reference landing page source
  • Client-use licence
Choose a style
Launch offer · Launch pricing ends Sunday

All-Access · lifetime

$19$99

One-time, no subscription

All 100 styles and every future drop. Pay once.

  • All 100 styles — 19¢ each
  • Every new style, free forever
  • One-click full library download
  • Unlimited client projects
Get All-Access — $19

One-time payment · 7-day refund before download

Instant delivery

Pay with Stripe, get a private download page and an email with your link straight away.

Client use included

Ship unlimited personal and client projects. Don't resell the files themselves.

7-day refund

Changed your mind before downloading? Full refund within 7 days, no questions.

Questions

What is a DESIGN.md?

A plain markdown file that describes a design system — colour tokens, type scale, spacing, components, motion and do/don't rules — in a format AI agents read. The format comes from Google Stitch; Claude Design, Claude Code, Cursor, Codex and Windsurf all follow it.

How do I use a style with Claude Design?

Start a new design system in Claude Design and upload the style's DESIGN.md (optionally the preview HTML as a reference screen). Claude Design scaffolds the tokens, components and a UI kit from it.

And with Claude Code or Cursor?

Put DESIGN.md at your repo root and theme.css next to your global stylesheet, then prompt: “Read DESIGN.md and follow it strictly. Build the pricing page.” The Tailwind 4 tokens mean classes like bg-canvas, font-display and rounded-card just work.

Are these copies of famous brands?

No. Free collections reverse-engineer Stripe, Apple or Linear, which you can't ship for a client. Every StyleMD style is original — named after an idea, not a company — so what you build is yours to sell.

What's in each style?

DESIGN.md (300–400 lines), theme.css (Tailwind v4 @theme), tokens.json (W3C design tokens), a README, and the reference landing page as a single HTML file with its imagery.

What do I get with All-Access?

All 100 styles today, every style we add later, and the whole library as one download. One payment, no subscription.

Can I use them for client work?

Yes — personal and client projects, unlimited. You can't resell or redistribute the files themselves. See the licence.

Refunds?

Full refund within 7 days if you haven't downloaded the files yet. Email us with your receipt.