CreativePower
Sign in
DESIGN.md-native

The design system behind every page.

AI-generated landing pages that share a real design system. One source of truth. Every page on brand. Built on the open DESIGN.md spec.

DESIGN.mdFintech Indigoapplied
  1. 6colors:
  2. 7 primary: "#635bff"colour
  3. 8 on-primary: "#ffffff"colour
  4. 11 surface: "#ffffff"colour
  5. 12 surface-1: "#f6f9fc"colour
  6. 14 on-surface: "#0a2540"colour
  7. 15 neutral: "#425466"colour
  8. 17 border: "#e3e8ee"colour
  9. 22typography:
  10. 23 display-lg:
  11. 24 fontFamily: "Inter"type
  12. 25 fontSize: "3.5rem"type
  13. 26 fontWeight: 600type
  14. 27 lineHeight: 1.05type
  15. 28 letterSpacing: "-0.03em"type
  16. 35 body-md:
  17. 36 fontFamily: "Inter"type
  18. 45 code-md:
  19. 46 fontFamily: "Geist Mono"type
  20. 50rounded:
  21. 53 md: "6px"shape
  22. 54 lg: "10px"shape
  23. 58spacing:
  24. 60 "2": "8px"space
  25. 61 "4": "16px"space
  26. 63 "8": "32px"space
ProductPricingDocsSign in

DESIGN.md → page

One source of truth.

Every colour, face, corner and gap on this page was read from Fintech Indigo's DESIGN.md.

Get startedRead the spec
Colour#635bff on #ffffff
TypeInter · 600 · 3.5rem
Shape6px / 10px cornersSpace 8 · 16 · 32

Fintech Indigo's typeface is free, so this is the real face.

━━ Powered byAnthropic Claude·Google DESIGN.md spec·Next.js 15
━━ How it works

From brief to deployed in 5 minutes.

━━ 01

Author DESIGN.md

Type a brief, run the wizard, drop screenshots from sites you love, or import a curated template.

━━ 02

Generate pages

Brand-coherent landing pages stream in real time. Motion graphics included when you want them.

━━ 03

Export and deploy

Static HTML, Next.js project, or React component. Drag to Netlify or push to Vercel in 30 seconds.

━━ Features

Built for indie hackers who ship.

━━ 01

DESIGN.md-native

Every page reads from one design system. Tokens for colors, type, spacing, components. Edit once, every page updates.

━━ 02

44 curated templates

Start from a hand-tuned style — fintech indigo, editorial serif, developer dark, warm retail and 40 more — each a complete DESIGN.md.

━━ 03

Vision generation

Drop screenshots from any landing page. Claude extracts the palette, infers typography, derives a DESIGN.md.

━━ 04

Motion graphics

Four intensity levels: none, subtle (AOS), bold (GSAP+Lenis), awwwards (pinned hero, parallax, magnetic CTAs).

━━ 05

Skills + workflows

Save a recipe once. Apply to future projects. Chain multi-step workflows: DESIGN.md → marketing page → pricing page.

━━ 06

Three export formats

Static HTML for drag-and-drop deploy. Next.js project for iteration. React component for existing apps.

━━ Templates

44 design systems. One click to use.

Each template is a complete, lint-passing DESIGN.md you can apply to a project and start generating from immediately.

Ship a brand today.

A CreativePower subscription is $29 a month, or $290 a year.