Designer brings website design references and a visual studio together. Start with a design you like, explore how it works, and use it as a reference for your own site.
Find your inspiration
Browse the inspiration library for real product websites. Each reference includes screenshots, scrolling videos, colors, typography, and an AI-readable design guide.
Filter by mood or theme, then open a style to explore its details. You can copy or download its DESIGN.md, Tailwind CSS, CSS variables, and design tokens.
Build in Studio
Open Designer Studio to work on your website. On an inspiration detail page, Use in Studio copies a prompt you can paste into the Studio assistant.
Polish a template
Already have a template that is close? Improve a template's design runs a critic, a developer and a blind reviewer against the rendered page — from Claude Code, from Codex, or one command at a time in the terminal — and keeps only the changes that are judged better.
Placeholder avatars and marks
Need a face for a testimonial or a logo for a header? The asset library serves portraits and brand marks from assets.designer.dev — sized, recolored and cached by URL, with no key.
About these docs
This is the starting point for Designer's public documentation. More guides will be added here as the product grows.