Guides
How we write the prompts behind every design in the library, and how to use them to build a site that looks made by a person. Copy-ready examples in every guide.
5 guides
- 01Prompting
6 min readHow to write a Claude prompt for a website designA practical structure for Claude website prompts: concept, sections, design system, motion and output rules. Includes copy-ready prompt templates and real examples.Read the guide - 02Design principles
5 min readHow to make an AI-built website not look AI-generatedWhy AI websites all look alike, and nine concrete design rules (with prompt snippets) to make a Claude-built site feel designed: palette, type, shadows, layout and motion.Read the guide - 03Walkthrough
5 min readBuilding a landing page with Claude, step by stepFrom brief to live URL: plan the page, prompt Claude, refine it as an artifact, move the code into Next.js and deploy. Seven steps with copy-ready prompts.Read the guide - 04Style prompts
5 min readWebsite design style prompts for ClaudeCopy-ready style blocks for eight website design styles: neo-brutalist, Bauhaus, Swiss, Japanese minimal, luxury noir, retro 70s, claymorphism and risograph. Colors, type and rules.Read the guide - 05For business owners
5 min readA small business website with AI: what you can do yourself, and when to hireAn honest breakdown of what AI tools like Claude handle well for a small business website, where they fall short, and how to decide between DIY, a hybrid and a studio.Read the guide
Studio — by commission