Website design prompt
A strong website design prompt gives an AI agent page goals, audience, brand mood, content structure, visual rules and QA expectations. The goal is to remove vague taste instructions and replace them with a usable design brief.
Copyable markdown template
# Website Design Prompt
You are designing and implementing a website.
## Objective
Build a polished website for [brand/product] that helps [target audience] do [primary job].
## Audience
[Describe audience, level of sophistication, buying context and what they care about.]
## Brand direction
Mood: [precise, warm, editorial, technical, playful, institutional]
Avoid: [generic SaaS, fake gradients, stock photos, fake testimonials]
## Site structure
- Hero
- Positioning section
- Product/service explanation
- Proof or examples, if real
- Use cases
- FAQ
- CTA
- Footer
## Visual system
Palette:
Typography:
Spacing:
Components:
Imagery:
Motion:
## Content rules
- Use specific copy
- No placeholder text
- No fake logos or claims
- Keep jargon appropriate for the audience
## Technical rules
- Responsive
- Semantic HTML
- Accessible contrast
- Fast load
- SEO metadata
- No unused dependencies
## QA pass
After implementation, review screenshots for hierarchy, spacing, mobile layout, CTA clarity and generic-looking sections. Fix before final output.How to use it
Replace bracketed fields with real project context. Keep the constraints and QA sections visible to the agent. If the prompt is for a public page, add the route, target keyword, metadata and any non-negotiable claims or legal guardrails.
For logo and brand prompts, review originality before commercial use. Do not ask models to copy existing logos, artists, living designers or protected brand identities.