Field notes

Why your AI-built landing page keeps breaking on mobile

The page looked fine in the chat window. Then the button slid below the fold and the kicker text faded into the background. Here is what we found when we measured it.

Generated pages fail quietly. Nobody screenshots the phone view, so the call to action ends up two screens down and nobody notices until conversions dip.

The usual fix is a human review of every page. That does not scale when agents produce pages daily.

What we measured

On this site's first agent-built landing draft, the automated check found no CTA in the first 844px on mobile and accent text at 3.1:1 contrast — below the 4.5:1 WCAG AA minimum. Both were fixed in one governed edit each.

The fix was a loop, not a person: render the draft on mobile and desktop, list defects by section, patch only the section at fault, and render again. The page never went live while it was broken.

See the loop on a real page

Open the landing page this note is about — it was built, checked and corrected this way.

Want this run on your site?

About this note

Measurements are from a lab preview on sandbox hardware with simulated mobile throttling, not from real visitors.