email-blast

Promotional email blast with hero image, headline, body, CTA button, and unsubscribe footer. Use for "promo email", "blast", "campaign email".

SKILL.md

GitHub

Email Blast Skill

Produce a promotional email blast.

Layout (600px centered column)

  1. Preheader: hidden preview text.
  2. Header: logo left, "View in browser" right.
  3. Hero image: full-width gradient placeholder.
  4. Headline: display font, 1–2 lines.
  5. Body: 2–4 sentences, left-aligned.
  6. CTA: single prominent button.
  7. Secondary content: 2–3 small cards (image + title + link).
  8. Footer: social icons (text placeholders), address, unsubscribe.

Rules

  • Table-based layout for email client compatibility.
  • Inline CSS only.
  • CTA button: 44px min height, high contrast.
  • Alt text on all images (even placeholders).
  • data-df-id on hero, headline, CTA.

Output

Single index.html, inline CSS (table layout).