DEV Community

J Now
J Now

Posted on

Sending blind: why I built a design score into every email

The blank template problem is well-documented. Less discussed: you can spend two hours building something that looks fine on your desktop, send it to 40,000 subscribers, and only find out the CTA button was invisible on mobile after the campaign report comes in.

kopi generates a complete HTML email from a brief in under 5 minutes. That part is useful. The part I actually care about is what happens next: every output gets scored automatically across 12+ design criteria — layout hierarchy, mobile readability, CTA contrast, whitespace distribution — on a 0–100 scale before you export anything.

Here's a real example from the public gallery at trykopi.ai/emails. A product launch email, single-column layout, dark hero with a high-contrast CTA, scored 91/100. The critique flagged one thing: the secondary text block at the bottom dropped to 13px on mobile, which puts it below comfortable reading threshold for users on smaller screens. Two lines of HTML to fix. That's the kind of feedback you'd normally only get from a designer who's done this enough times to have opinions.

The gallery has 400+ emails scoring 80+/100 — useful if you want to see what high-scoring layouts actually look like across different categories before you write your first brief.

For teams already in Klaviyo, there's a direct export integration. For developers building on top of it, kopi runs as an MCP server in Claude Code, Cursor, and ChatGPT — so you can generate, score, and iterate on email designs inside whatever environment you're already working in.

Design system support is available too: feed it your fonts, colors, and layout preferences once, and every generated email inherits them.

https://trykopi.ai

Top comments (0)