Prompt library
Prompts that build designs
Copy a prompt, paste it to your IDE agent (Claude Code, Codex, …), and it builds a real Cartwright design pack in your repo — it reads the cartwright-premium-design skill automatically. Tweak the wording to make it yours.
3 prompts
Dark & luxe
Dark-luxe agency (three.js hero)
view design →Build me a Cartwright design pack 'engineered': a dark-luxe AI-agency homepage — deep navy-black canvas, warm cream text, one mint-teal accent. A real three.js GLSL aurora hero behind the headline (use <DesignHero/>), editorial Bricolage Grotesque display + Hanken Grotesk body + JetBrains Mono labels, glassmorphism nav, a bento services grid with :has() hover, a numbered process, a pull-quote, and a gradient-mesh CTA. Locked dark theme (no dark: variants). English copy.
Dark organic luxe (fragrance house)
view design →Build me a Cartwright design pack 'nocturne': dark-organic luxe — midnight aubergine canvas, warm champagne-gold accent, soft cream text, rounded organic shapes and soft glows. A palette-driven three.js aurora hero (<DesignHero/>) with a CSS gradient fallback, italic Fraunces display + Manrope body, a bento layout. Locked dark theme. English copy — think a high-end fragrance/architecture house.
Futurist cyber SaaS
view design →Build me a Cartwright design pack like 'saas-dark': a futurist/cyber dark site — near-black background, indigo accents, an animated grid + glow, a terminal code-snippet hero. Crisp, technical, for dev-SaaS / AI APIs. English copy.
2 prompts
Editorial
Editorial / magazine
view design →Build me a Cartwright design pack 'editorial-ink': a light editorial / magazine site — warm paper canvas, deep ink text, one restrained oxblood accent. Characterful Fraunces serif display + Hanken Grotesk body + Space Mono eyebrows, hairline rules, a drop-cap lede, a big pull-quote, asymmetric columns. No 3D, tasteful CSS-only motion. Locked light theme. English copy.
Story-led editorial shop
view design →Build me a Cartwright webshop design like 'webshop-editorial': a split-screen story-driven hero, alternating editorial product cards, typographic billboard categories. For story-led shops. English copy.
2 prompts
Brutalist
Neo-brutalist (acid-lime)
view design →Build me a Cartwright design pack 'brutalist': neo-brutalist — paper-white canvas, hard black ink + thick black borders, one acid-lime accent. Monospace labels (Space Mono) + bold Archivo/Space Grotesk headlines, hard no-blur drop-shadows, a visible grid, offset slabs, a marquee. Loud but usable. No 3D. Locked light theme. English copy.
Bold colour-block commerce
view design →Build me a Cartwright webshop design like 'webshop-bold': high-contrast colour-blocks + thick black borders + zero shadows. DTC-modern, brutalism-tinged commerce. English copy.
3 prompts
Modern SaaS / dev
Crisp modern SaaS
view design →Build me a Cartwright design pack 'meridian': a crisp modern light SaaS site — cool near-white + slate neutrals, one confident electric-blue accent. An animated CSS gradient-mesh hero + fine dot grid, glassmorphism sticky nav, sharp bordered cards with soft shadows, a precise grid, mono labels, ⌘K keyboard-hint chips, a deploy-terminal card. Sora display + Plus Jakarta Sans body. No 3D. Locked light theme. English copy.
Developer-tools terminal
view design →Build me a Cartwright design pack like 'stack': a dark-mode-first developer-tools landing page — a terminal hero with a typed command + animated output, code-block feature cards, monospace everywhere. For dev SaaS / AI APIs. English copy.
Warm-tech agency
view design →Build me a Cartwright design pack like 'studio': premium warm-tech agency — terracotta + oker palette, paper cream, Geist typography, CSS-only animations. Confident, marketing-led, the cartwright.app aesthetic. English copy.
3 prompts
3D hero
Add a 3D hero to any design
Give my Cartwright homepage a premium 3D hero: render <DesignHero className="absolute inset-0 -z-10" intensity={0.7} /> behind the hero content, with a CSS gradient fallback behind it, and keep prefers-reduced-motion working. Colours come from the brand palette automatically.Butterfly metamorphosis story page
view design →Build me a Cartwright website-mode flagship design 'fable': a palette-adaptive ivory story page (cw-* atoms + applyPaletteAsTheme, default morpho violet-blue) — an instanced 3D Live-Canvas butterfly flock (procedural wings, flap/glide, pointer scatter, a reading-clearing around the headline) behind a Fraunces serif display hero, a scroll-cinema metamorphosis timeline (animation-timeline: view(), caterpillar → chrysalis → imago), a stat band, a safeguards story, pricing and a CTA — every section and the flock re-skinning to the brand palette. Website mode, premium. English copy.
Custom bespoke shader hero
Build a bespoke three.js GLSL shader hero for my Cartwright design (mirror designs/engineered/HeroCanvas.tsx): raw three, full cleanup on unmount, reduced-motion = one static frame, mouse-reactive, palette-driven. Layer it over a CSS fallback.
4 prompts
E-commerce
Apple-like minimal shop
view design →Build me a Cartwright webshop design like 'webshop-minimal': Apple-like — a full-bleed hero image, oversized typography, a 2-column featured grid. Premium DTC: fewer, bigger products. English copy.
Museum-minimal luxury shop
view design →Build me a Cartwright webshop design like 'atelier': museum-minimal luxury for fashion/jewellery/leather — monochrome with a gold accent, ALL-CAPS sparse typography, full-bleed product photography. English copy.
Warm Scandinavian coffee shop
view design →Build me a Cartwright webshop design like 'northern-coffee': warm Scandinavian minimalism for coffee/specialty-food shops — split-screen narrative hero, an oversized 'today's roast' feature, story-first. Optional subtle 3D. English copy.
Classic default storefront
view design →Build me a Cartwright webshop design like 'webshop-classic': a HeroVideo + featured-product grid + lifestyle pitch + a 5-column category grid. The dependable default e-commerce storefront. English copy.
New to this?
Build a design with an IDE agent
Scaffold a project with npx create-cartwright, open it in your editor, and paste a prompt above. Full walkthrough in the docs.