Don't let LLMs decide your brand. Copy-paste battle-tested design rules to force ChatGPT, Claude, and v0 to generate high-end, intentional interfaces instantly.
Engineered for
How it works
Browse the curated design systems. Each has a distinct personality, use case, and set of rules.
Each style includes a ready-to-paste skill prompt with exact colors, typography, spacing, and component rules.
Drop it into ChatGPT, Claude, Cursor, v0, or any AI tool. Ask it to apply the guidelines to your UI.
Instead of generic defaults, your AI output now follows a specific design direction — with personality and purpose.
Find Your Style
Not sure where to start? Pick what you're building and jump straight to styles that fit.
Clean, conversion-focused, built to look credible from day one.
Let the work speak — minimal chrome, maximum clarity.
Product-first layouts that build trust and drive checkout.
Editorial weight that makes readers take you seriously.
Data-dense interfaces that stay legible under pressure.
Loud, memorable, impossible to scroll past.
Design Systems
Each comes with a full design brief — palette, typography rules, spacing guidelines, and a ready-to-paste skill prompt.
A split-screen developer portfolio with a cinematic name splash, sticky left bio panel, and scrollable right panel for experience and projects. Deep navy background, cyan accent links, pill-shaped skill tags, and a two-tab layout that lets recruiters switch between your work history and your builds. Used by engineers who want their portfolio to feel like a product — not a resume.
Rounded 3D-inflated shapes, pastel colors, and thick colored bottom shadows that give UI elements a clay-like physical depth. Every button feels pressable, every card feels molded. The friendly tech aesthetic used by Duolingo, wellness apps, and consumer products that want to feel approachable, rewarding, and alive.
A content-first SaaS landing page style built for indie founders and solo makers — no gradients, no hero images, no UI chrome. Just a floating document on an off-white page: big bold headlines, personal voice copy, 1px-rule section dividers, pill buttons, and hand-drawn line-art illustrations. The design language of products that ship.
A design system that mimics pencil sketches, rough strokes, and imperfect geometry. Perfect for creative tools, portfolios, and products that want to feel genuinely human in a world of pixel-perfect AI output.
A design system rooted in architectural drafting, mechanical schematics, and technical documentation. Aged paper or vellum backgrounds, fine dashed grid lines, annotation callouts, dimension markers, and a monospace-meets-drafting-pen aesthetic. The design language of precision engineering and technical mastery.
A complete dashboard design system with gradient metric cards, real interactive charts, multicolor donut breakdowns, and a dual-rail sidebar. Clean enough to scale, vivid enough to make data feel alive — the dashboard style of modern SaaS analytics products.
A complete dark-mode documentation site design system — sticky navbar, collapsible left navigation, content column with code blocks and callouts, and a right-side table of contents. The layout used by Next.js, Vite, Stripe, and every serious developer-facing product.
A complete newsletter publication design system — hero masthead, asymmetric article grid, author profile, and signup form. Warm paper tones, serif display headings, and an editorial layout inspired by Substack, Every.to, and the best independent newsletters. Includes a full AI prompt and live HTML demo.
The design language of thick black borders, hard offset shadows, electric accent colors, and uncompromising grid discipline. NeoBrutalism takes Brutalism's rawness and adds color, hierarchy, and usability — the result is the boldest conversion-focused design style on the web.
A complete quiz application design system — from splash screen to results review. Purple-to-pink gradient identity, white floating cards on lavender backgrounds, large question numbering, color-coded answer states, and a full timer system. Every screen a user sees during a quiz flow, fully designed.
A complete landing page design system inspired by broadsheet newspaper front pages. True multi-column grids with column rules, a dense masthead, breaking-news ribbon, opinion section, classifieds-style CTAs, and a "subscription rates" pricing table. Every section feels like a page from a serious publication.
The design system behind product launch platforms and community directories. Three-column layouts with a product feed in the center, stats and activity on the left, search and ads on the right. Upvote buttons, rank badges, countdown timers, and partner slots — everything a product launch community needs.
The design language of solo founders and indie hackers — warm cream backgrounds, bubbly display headlines with dark stroke, monospace body text, and dark card panels that punch through the page. Playful without being childish. Scrappy without being rough.
A complete e-commerce design system built around product discovery and purchase. Warm peach product cards, orange CTAs, clean white layouts, and every component a modern online store needs — hero, product grid, product detail, cart, and footer.
Black, white, and nothing else. All hierarchy through weight, size, and space. The aesthetic of fashion houses, luxury brands, and designers who know that constraint is the most powerful tool.
Translucent panels, colorful gradient backgrounds, and soft blur effects. The design language Apple brought mainstream with macOS Big Sur — now everywhere in fintech, wellness, and consumer apps.
A design system built around the aesthetics of terminal emulators and developer consoles. Monospace type, dark backgrounds, green or amber phosphor accents, and a ruthless rejection of visual decoration.
The design language of Linear, Stripe, and Vercel. Dark-mode first, glow-driven, hyper-polished. It says 'this product was built with care' before users even click.
A design system rooted in the Bauhaus movement and Swiss International Typographic Style. Primary colors, geometric forms, strict grid systems, and typography treated as architecture. The design language of institutions.
The most used and most misused design style. When done right, you don't notice the interface — you just use it. Every element must earn its place with silence and space.
A complete authentication UI design system with login, signup, and forgot password pages. Split-screen layout with a green brand panel on the right featuring testimonials and social proof, and a clean white form on the left. Every detail is designed to reduce sign-up friction.
Style Explorer
Open the interactive explorer to switch between design systems instantly, preview live HTML demos, and find the perfect look for your project.
Open Style ExplorerLive HTML previews
See every style in action
Desktop & mobile
Toggle viewport sizes
Instant switching
Compare in one click
Featured on
FAQ