§ Guide How to ask
Talk like a client. It works like an art director.
You don't need design words. Say what it's for and how it should feel. The kit turns that into type, colour, layout and motion.
01 What to tell it
Six things make most of the difference.
- 01
What it's for
The job, not the style. "A site so people book a chair" beats "a modern site".
- 02
Your brand
Logo, colours, fonts or your current site. The brand wins over every default.
- 03
The feel
Three words is plenty: "warm, playful, local".
- 04
How much it moves
Say "clean", "one wow moment" or "showy". Say nothing and you get one big moment.
- 05
The format
"One HTML file", "a real project", "a PDF" or "a deck".
- 06
Real facts
Prices, hours, address. What you don't give is marked as a placeholder, never made up.
02 Words that change things
You say it. The kit reads it.
| If you say | The kit does |
|---|---|
| "showy", "pop-y", "wow", "go big" | A full journey: several staged scenes, often with objects you can play with. |
| nothing about motion | One big moment. Calm, lightly revealed sections around it. |
| "clean", "minimal", "professional" | Subtle motion and less decoration, but still one standout element. |
| "edgy", "dark", "gritty" | The Raw flavour: two colours, grainy black-and-white, condensed caps. |
| "typographic", "Swiss", "type-led" | The Swiss tone: monochrome, a huge tight headline, a visible grid. |
| "no visuals", "text only" | No images or illustrations. Colour fields and type still do the work. |
| "I have my own photos" | Marked image slots, sized and labelled for your real photos. |
| "just build it", "don't ask" | No questions. It builds, then tells you what it assumed. |
| "final", "ready to publish" | It asks for every missing real detail instead of leaving placeholders. |
| "one HTML file" | A single file with CSS and JavaScript inside. |
| "build it properly", "repo" | A real project with pages, components and a README. |
| "for work" (decks and Office files) | Fonts that every Windows and Mac already has, so it opens right anywhere. |
03 Why it asks questions
A short round of questions beats a wrong guess.
With no brand given, the kit asks one round of up to five questions, fewer when only one or two would change the design. It also offers two or three quick style directions to pick from.
skips them when your request already answers them, you say "just build it", or it's a quick sketch for yourself.
- Q1Do you have a logo, colours, fonts, a current site or photos to match?
- Q2Three words for the feel?
- Q3Any sites or brands you like, or hate?
- Q4What must be on the page, and what should never be there?
- Q5How loud: calm and clean, or bold and busy?
04 Prompt builder
Build a prompt in a minute.
Pick the options, fill in two lines, then copy. The kit does the rest.
You can edit the text here (changing an option rebuilds it). Paste it into any app with the kit installed. Nothing is sent anywhere: the prompt is built right in your browser.
05 After the first build
Steer it like a designer.
React to what you see
"Louder hero", "calmer sections", "less rounded" or "the colours feel cold" all work. You don't need the fix, just the feeling.
Ask for the other palettes
It picks one palette and names two it didn't use. Say "try the second one" to swap.
Draft first, final last
Drafts mark missing details with one quiet bar. Say it's final and it asks for every real detail first.
Redesigns keep your brand
Rebuilding a site keeps its logo, colours, voice and pages, and comes with a short note on what changed and why.