AI · Tip

How to Prompt new.email in 3 Steps

Three-step framework for prompting AI to generate production-ready email templates.

A short prompting guide from the new.email team for generating structured, styled email templates with AI. It outlines how to separate instructions into clean sections, supply direct public assets, and specify exact CSS or Tailwind styles. Following this structure reduces AI layout errors and helps produce ready-to-use React Email code on the first pass.

How it works

3 steps to prompt new.email (from @newdotemail):\n\n1. Prompt in clear, bulleted sections — simple, clear instructions with distinct sections for content, layout, and design.\n\n2. Provide direct links to assets — link images, logos on your website, or publicly available fonts (e.g. Google Fonts) and new.email will include them in the email. Note: not all email clients render web fonts.\n\n3. Give specific styling instructions — the more precise the better. If you use Tailwind, include specific Tailwind classes to direct new.email.\n\nExample prompt structure shown in the demo: content section (text to include + destination link), layout guidelines (top/middle/bottom structure), design guidelines (visual identity, background hex #EBEBEB, heading 48px regular, body 16px / line-height 24px). Follow-up refinements: paste direct asset URLs (cover image, font, illustrations) and exact Tailwind button classes.

What it's for

  • Structure prompts for AI email generators to minimize layout errors
  • Include public assets and web fonts directly into generated email templates
  • Apply precise Tailwind CSS styling classes to AI-generated email layouts

Key points

  • Section-based prompting dividing content, layout, and visual design rules
  • Technique for passing direct public URLs for images, logos, and hosted fonts
  • Tailwind class integration for exact button, typography, and background styling
  • Example prompt template defining layout hierarchy, hex colors, and font specs

Pricing

Free

Details

Type
Tip
Category
AI
Topic
Prompt Guides
Open source
No
Platforms
Web
For
Developers, designers, and marketers generating emails with AI tools
Tags
prompting, email templates, react email, tailwind, ai design

Why it was saved

  • @newdotemail, 1 April 2025: A repeatable recipe for prompting an AI to generate production-quality email templates from a single prompt.

Related

Updated