DEV Community

J Now
J Now

Posted on

From brief to scored HTML email in under 5 minutes

Last week I wrote a one-paragraph brief — product name, tone, one hero discount, target segment — and watched Kopi return a complete HTML email with layout hierarchy, mobile readability, and CTA contrast each scored on a 0–100 scale. The email scored 84. I made two edits based on the critique and exported directly to Klaviyo.

Here's roughly what the brief looked like:

Summer sale announcement for a skincare brand.
Audience: repeat buyers, 25-40 female.
Offer: 30% off sitewide through July 31.
Tone: warm, not pushy.
CTA: Shop the sale.
Enter fullscreen mode Exit fullscreen mode

What came back was a fully structured HTML email — hero section, product grid, discount block, footer — with a design critique flagging that the CTA button color had insufficient contrast against the background (score: 61/100 on that criterion) and that the mobile stacking order buried the discount. Both fixable in under a minute.

The thing that made this useful wasn't just the generation. It was having a specific number attached to specific design problems before sending. Most teams find out their CTA contrast is wrong when someone complains the button is hard to read on Android. The 12+ criteria scoring runs on every email automatically, not as an optional audit.

Kopi also supports brand-specific design systems — you can feed it your fonts, color tokens, and layout preferences so generated emails stay on-brand without manual overrides each time.

The public gallery at trykopi.ai/emails has 400+ emails that scored 80 or above, which is useful for calibrating what a high-scoring brief actually looks like before you write your own.

https://trykopi.ai

Top comments (0)