1# Delightful Frontend Verification Checklist
2 
3Run this after the first implementation pass.
4Use browser automation or screenshots when possible.
5 
6## First viewport
7 
8- Does it read as one composition instead of a dashboard?
9- Is the brand or product unmistakable even with the nav mentally removed?
10- Is there one dominant visual anchor?
11- Is the CTA easy to find in under 2 seconds?
12- Did extra chips, stats, badges, or promos sneak into the hero?
13 
14## Image and text relationship
15 
16- Is there a calm tonal area behind text?
17- Does the image carry narrative value instead of acting as decoration?
18- Would the page still feel coherent if the image changed crop slightly?
19- Does any overlay block important details or create clutter?
20 
21## Layout discipline
22 
23- Does each section have one clear job?
24- Are there unnecessary cards, borders, shadows, or glass layers?
25- Did any section become a pile of pills, icons, or micro-panels?
26- Can the page be understood by scanning headings only?
27 
28## Copy quality
29 
30- Is the copy specific to the product/context?
31- Did placeholder-sounding claims survive?
32- Can 20-30% of the copy be deleted without losing meaning?
33 
34## Motion
35 
36- Are there at least 2-3 intentional motions when the design is visually led?
37- Does motion improve hierarchy, reveal, or affordance?
38- Is motion smooth on mobile?
39- Does any animation feel ornamental only?
40 
41## Responsive safety
42 
43- Desktop loads cleanly.
44- Mobile loads cleanly.
45- Fixed or sticky elements do not cover key content.
46- Tap targets remain comfortable.
47- Text remains legible at narrow widths.
48- Overflow, clipping, and layout jumps are resolved.
49 
50## Premium test
51 
52Remove the decorative shadows mentally.
53If the design collapses into something ordinary, improve composition, typography, spacing, or imagery instead of adding more effects.
54 
55## Fast iteration loop
56 
571. Capture desktop and mobile screenshots.
582. Note the 3 biggest issues only.
593. Fix hierarchy first, then spacing, then chrome, then micro-copy.
604. Re-check the hero before touching lower sections.
615. Stop when the page feels deliberate, not merely busy.
62