From the DESIGN reel

The design brief I give AI.

When you don't tell AI anything, it picks the average: purple gradient, a vague headline, three rounded boxes. This is the brief I paste in first. Copy it and swap in your own color and fonts.

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.

Building an AI startup from zeroOne build per reel, each one tested on real work first.

Follow @clashworkshq

Run a local business?

The free video review shows where your website and Google listing are losing customers: missed calls, dead forms, no reviews.

Get my free video review