Select instead of invent · 455 screens · 62 systems

Stop inventing.
Start selecting.

Ask an agent to "build a website" and it returns the same violet default every time. Design Lookbook gives it 62 curated design systems and 455 finished screens to pick from, rendered live and previewable in detail, then hands the choice to the agent and the code in one click.

$ node scripts/brief.mjs signal-pop --full
Signal Pop Hero Artwork
FEATURED: SIGNAL POP (LAUNCH)

Bold print energy and neo-brutalist edges

A finished screen with 2.5px ink outlines, a 4px hard offset shadow and Archivo Black setting

62 Systems
Independent design systems (DESIGN.md)
Finished production screen

Live preview — 455 finished screens, at full size

Do not imagine the design. Switch a real rendered screen between devices, toggle individual modules (header, hero, pricing, forms) live, and copy the agent prompt and the code in one click.

Peaceful Checkout · Quiet Clinic Checkout & Healthcare

Unticking a module drops it from the screen immediately. Reorder by dragging the block on the screen itself — or drag a row here, or focus its grip and press the up and down arrows. Hovering a row highlights the region it owns.


              
              
              
                Open all 455 screens in the gallery
              
            
Detail preview Landing

Generic violet output vs an authored system

Ask any general agent and nine times in ten you get the same lilac-gradient Tailwind default. A named system replaces that guess with a grammar the agent has to follow.

What an agent produces unaided

The soulless lilac SaaS template

  • Rounded violet-to-indigo gradient buttons you have seen everywhere
  • Thin, low-contrast type that fails WCAG and tires the eye
  • Vague stock-illustration placeholders
  • Every brand ends up looking like every other brand
What it produces with a system to obey

62 systems, 455 production screens

  • 62 palettes sited in OKLab, none within 0.55 of another
  • Shape and spacing authored to suit the faces each system names
  • Every text pair clears WCAG AA in both colour modes
  • One brief hands the whole system to a coding agent

Directory of 62 independent design systems

No two palettes resemble each other. Browse by category and load one into the studio.

Take Lookbook further into your workflow

Design Lookbook is completely free to preview, copy and use in your personal and commercial projects. For high-velocity teams and solo builders, we are crafting the ultimate Pro packages.

📦
Next.js & Tailwind Boilerplate

Production-ready App Router setup with all 62 themes and shadcn/ui components configured out of the box. Zero friction clone-and-ship.

🎨
Complete Figma UI Kit

Design tokens, native variables, auto-layout foundations, and all 455 screen layouts curated for professional product designers.

🚀
CRO Marketing Funnels

Battle-tested 5-stage customer journeys (TOFU Attract → MOFU Educate → BOFU Pricing → Convert → Retention) for SaaS and high-ticket leads.

Cloud MCP & Custom Systems

Generate enterprise design systems directly from your brand colors via cloud MCP and synchronize palettes across your entire team.

Join the Early Access Waitlist

Get notified first when the Pro kits launch and lock in a 50% early supporter discount.

Web preview & code copy remain 100% free forever. No spam, ever.
✓ Thank you! You have been added to the early access list.

Terms of Service & License

Design Lookbook is crafted to empower developers and designers to build beautiful, bespoke software without being held back by design slop.

What You CAN Do (Free for Everyone)

  • Use any theme, screen, or pattern in your personal or commercial websites, web apps, SaaS, and client projects.
  • Modify, customize, and prompt AI agents with the provided CSS tokens, HTML markup, and DESIGN.md files.
  • No attribution or backlinks are strictly required (though mentioning us helps the project grow!).

What You CANNOT Do (Prohibited)

  • Resell, redistribute, or package these raw design systems, screens, or code as a standalone UI kit, template collection, or theme asset store.
  • Scrape or clone this lookbook to operate a competing public catalog or design repository.
Disclaimer: The designs and software are provided "as is", without warranty of any kind, express or implied.
Live preview
Copied to clipboard.