DEV Community

J Now
J Now

Posted on

Your email design system shouldn't live only in your head

Every new campaign, same ritual: dig up the brand hex codes, re-enter the font stack, rebuild the button style from memory, and hope the junior designer didn't swap the CTA color to something that fails contrast. Then send it and find out.

I built kopi because this loop was costing my team an hour before a single word of copy got written.

The design system layer is the part worth explaining. You configure it once — primary and secondary fonts, exact hex values, spacing rules, layout preferences — and kopi applies those constraints to every generated email automatically. Not as a stylesheet you paste in, but as learned rules the generator respects when composing layout hierarchy, section ordering, and component choice. Generate 30 emails in a month; all 30 inherit the same system.

The output isn't a template you then customize. It's a complete HTML email built from a text prompt in under 5 minutes.

Before it ships, every email runs through an automated design critique that scores layout hierarchy, mobile readability, CTA contrast, and 12 other criteria on a 0-100 scale. The public gallery at trykopi.ai/emails has 400+ emails that hit 80 or above — useful as a reference for what the scorer actually rewards.

For teams already on Klaviyo, there's a direct export. It also runs as an MCP server if you're working inside Claude Code, Cursor, or ChatGPT and want email generation in the same context as the rest of your workflow.

https://trykopi.ai

Top comments (0)