DEV Community

J Now
J Now

Posted on

Your email looked fine in preview. Here's why it failed on mobile.

Klaviyo, Mailchimp, every major ESP gives you a template library and a blank canvas. What they don't give you is any signal on whether the design actually works — layout hierarchy, CTA legibility on a 375px screen, whether your font stack degrades gracefully — until real sends tell you through click data.

kopi runs an automated design critique on every email it generates: 12+ criteria, scored 0–100. Layout hierarchy, mobile readability, CTA contrast ratio — each flagged individually with the reason it passed or didn't.

The public gallery at trykopi.ai/emails shows 400+ emails that cleared 80/100. Worth looking at one concretely. A recent product announcement email scored 91 — the critique listed CTA contrast at 6.8:1 (passes WCAG AA for large text), consistent 8px grid spacing across sections, and a single H1 per section. It docked points on one thing: the preheader text duplicated the subject line, which most email clients suppress.

That's the kind of detail that doesn't show up in a preview pane. It shows up when your open rate is fine and your click rate isn't.

Generation from a text brief takes under 5 minutes. Supports brand design systems — fonts, colors, layout preferences — so it's not generating generic output. Integrates with Klaviyo for direct export, and runs as an MCP server in Claude Code, Cursor, and ChatGPT.

trykopi.ai

Top comments (0)