Use Design Prover with your AI.

Prove design

Every AI-generated frontend looks the same because AI defaults to the same skeleton: safe colors, uniform spacing, card grids, single font family. Your job is to design with INTENTION, not defaults. You must: (1) name the FOCAL POINT. ONE element that visually dominates with 3:1+ scale ratio. Not "the hero section". that is a container. Name the specific element, its size, and why the eye goes there first. If nothing commands attention, the design is flat, (2) describe the LAYOUT. no card grids. Each section must have a DIFFERENT spatial relationship. Asymmetric columns, overlapping elements, full-bleed sections, alternating dense/sparse. If you can describe it as "N cards in a row," redesign, (3) map the WHITESPACE. where is space dramatic (160px+)? Where is it tight (4px)? Uniform padding is uniform boredom. The variation between generous and tight IS the design, (4) define the TYPOGRAPHY. specific sizes (px/rem), font pairings, weight contrasts. Minimum 3:1 ratio between largest and body. Mixed families create character. Weight contrast (900 vs 300) creates tension, (5) justify the COLOR. why these specific hex values? What personality do they create together? The RELATIONSHIP between colors is the identity. Blue/gray/white is not an identity, (6) name a REFERENCE. a specific site AND the specific design choice you are borrowing. Not "Apple" or "minimalist". those describe a decade. "Linear.app. motion for state transitions." If rejected, your frontend will look like every other AI-generated page. Structured reflection capability that forces the agent to PROVE its frontend design breaks AI-generated patterns before writing HTML/CSS. AI frontends follow the same skeleton: hero → 3 cards → 3 cards → CTA, rounded-xl, shadow-lg, gap-6, blue/gray/white. This capability catches that skeleton and forces intentional design. Catches Flat Hierarchy (no element dominates. everything is the same size, weight, and color. The eye wanders without a focal point. If nothing commands attention, the design is flat), Card Grid (hero → 3 cards → 3 cards → CTA. If you can describe the layout as "N cards in a row," it is the AI default skeleton. every AI-generated page looks identical), Uniform Spacing (same padding and gap everywhere. gap-6, p-8, rounded-xl on repeat. The VARIATION between generous whitespace and tight clusters IS the design), Muted Typography (text-sm to text-5xl with one font family. No drama. 72px display + 14px body = 5:1 ratio = hierarchy. Default scale = default boredom), and Safe Palette (blue/gray/white. the AI startup kit. If you can swap the logo and the page looks like any other SaaS landing page, the palette has no identity). Call once per frontend design before writing any HTML/CSS