01
Copy this
Design brief (read before you build anything)
1. Accent color: #10B981. One color only. Everything else is neutral.
2. The accent goes on what people click: buttons and links. Not on body text.
3. Never use: purple-to-blue gradients, "Build the future" style headlines, three rounded cards with emoji icons, stock photos.
4. Fonts: Archivo for headlines, Hanken Grotesk for text.
5. The headline says what the business does and for whom, in plain words.
6. Before you say it is done: open the site in a real browser at phone and desktop width, screenshot both, and fix anything that breaks.
02
Why one color
One accent color tells people where to look. If everything is colorful, nothing stands out, and the button you want clicked gets lost.
03
Why the ban list
Those four things are what AI reaches for by default. Naming them is the fastest way to get something that doesn't look like every other AI site.
04
Why the screenshot step
AI will tell you a page looks great without ever seeing it. Making it open the site at phone size and look at a screenshot catches the overlaps and cut-off text before your visitors do. I use Playwright for this, a free tool that drives a real browser.