Design QA checklist
AI-built websites need a hard design QA pass. The most common failures are weak hierarchy, cramped spacing, inconsistent typography, generic sections, poor mobile behaviour and fake-looking proof. This checklist gives an agent a sharper review loop.
Copyable markdown template
# Design QA Checklist
## First impression
- Is the page purpose clear in 5 seconds?
- Does the hero have one main idea?
- Does the visual system feel specific rather than generic?
## Hierarchy
- Is there a clear H1?
- Are section headings meaningful?
- Does the CTA stand out?
- Are cards and metadata visually ranked?
## Spacing
- Are sections breathing?
- Are cards aligned to a grid?
- Is mobile spacing intentional?
- Is anything cramped or floating?
## Typography
- Are there too many type sizes?
- Is line height comfortable?
- Do headings have character?
- Is body copy readable on mobile?
## Colour
- Is contrast accessible?
- Are accents used consistently?
- Is the palette coherent?
## Imagery
- Are images original and relevant?
- Are mockups believable?
- Is any text distorted?
- Are there third-party logos that should not appear?
## Trust
- Any fake testimonials?
- Any fake logos?
- Any vague claims?
- Any regulatory/compliance risk?
## Mobile
- Does the hero work?
- Is the nav usable?
- Are CTAs reachable?
- Are tables/cards readable?
## Final adversarial prompt
Review this site like a senior design critic. Identify anything generic, untrustworthy, visually weak, misaligned, inaccessible or likely to reduce conversion. Then produce a ranked fix list.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.