Summary
Nate Herk, who runs the AI Automation Society, shares five design patterns he identified after studying more than 10,000 AI-built websites. The patterns are meant to help builders produce sites that drive real business results, and the kind of work that can be sold to local businesses for around $1,000.
The first pattern, the “mirror test,” focuses on copy rather than visuals. A visitor’s first screen should show who the site is for, what they get, and what to do next. Herk supports this with conversion case studies, including a Truckers Report redesign by CXL that lifted conversions 79.3%, and Campaign Monitor’s headline tweak that produced 31.4% more signups. The second pattern, the “highlighter rule,” argues for reserving one accent color for the main call to action, with the interior-design 60-30-10 rule as a practical guide.
Herk also covers a layered approach to depth, using background, content and foreground the way a stage is built, and shows how he applied it to the AI Automation Society homepage built with Claude Code. He also points viewers to Scrollcraft, a free website design skill that covers scroll-driven animation, typography, spacing and layering. It is a practical watch for anyone using AI tools to build or sell websites.
📺 Source: Nate Herk | AI Automation · Published November 09, 2026
🏷️ Format: Tutorial Demo
