DEV Community

J Now
J Now

Posted on

Designing email campaigns blind: building a design scorer into kopi

Every email tool I'd used handed me a blank canvas or a dated template and called it a starting point. The actual work — getting the layout hierarchy right, checking CTA contrast on mobile, making sure the campaign looked like it came from the same brand as the last one — happened in my head, or not at all, until the send report came back with a 14% click rate and I couldn't tell why.

kopi generates a complete HTML email from a text prompt in under 5 minutes. That part isn't the interesting bit. The interesting bit is what happens before export: every email gets scored against 12+ design criteria — layout hierarchy, mobile readability, CTA contrast, spacing — on a 0–100 scale. You see the critique before the campaign goes anywhere.

The design system piece took longer to get right than the generation itself. The problem with AI-generated email is brand drift: the output looks fine in isolation but nothing like your site or your last campaign. kopi handles this by learning your fonts, colors, and layout preferences and baking them into every generation. It's not a style guide you maintain manually — it's inferred from what you've already built and enforced at generation time, not after.

For teams running Klaviyo, export is direct. For anyone working in Claude Code or Cursor, it runs as an MCP server. The public gallery at trykopi.ai/emails has 400+ emails that scored 80 or above — useful as a reference for what the scorer actually rewards.

The repo isn't public, but the tool is at https://trykopi.ai if you want to run a prompt through it and see what the scorer returns on your first draft.

Top comments (0)