It scores how “AI” your page looks.
Its own page has the tells.
A landing-page grader that scores how AI-generated your copy reads — but its own page shows the symptoms: a decorative circle that scrolls the phone sideways, four corner radii, and labels you have to squint at. We kept the dark, tasteful brand and put it on one system.
Unaffiliated. Shown respectfully to demonstrate our method — the “before” is faithfully reconstructed from the live page’s measured styles, not a screenshot of their brand.
Same brand. One system.
Drag the toggle. The decoration stops overflowing, the 100px pill CTA and three other radii collapse into two, the labels become readable, and the form becomes the single job of the screen — same dark aesthetic, now authored.
- 1Contain the decoration (no 487px overflow)
- 2Collapse 4 radii → 2 (control / surface)
- 3Labels to a readable, consistent size
- 4One primary CTA, not a competing pill
- 5Form first — newsletter out of the hero
The look barely changed. The system did.
The old page mixed 8 / 12 / 14 / 100px — a pill CTA fighting three other corners. Two tokens instead.
It grades AI-slop — and scrolls sideways
A ~234px decorative circle bleeds off the right edge and pushes the 390px page to 487px wide. A tool that judges how polished your page looks shouldn’t overflow its own frame on a phone.
Four radii, no contract
Inputs at 8px, panels at 12px and 14px, and the primary CTA as a 100px pill. Four corner languages on one short form — the exact “assembled from parts” tell the product is built to detect.
Labels too small to trust
Field labels render at 9.92–11.84px mono. The user has to squint at the very tool that’s supposed to sharpen their copy — and small type reads as unfinished, not precise.
Your product deserves a system, not a template.
We do this for real — brand identity plus a production-grade React frontend, compiled from your taste. New builds or rescues.