Flash Sale — Ecommerce

A high-energy flash-sale email with a rasterized coupon-ticket hero — dashed-border ticket, burst accent, gradient "30% OFF", dashed promo-code pill, and a pill CTA.

Promotional ecommercebolddiscount-codecouponctaseasonal

The prompt

Paste the brief below into ChatGPT or Claude with Temway's MCP enabled — the agent builds the email step by step. Or adapt it for your own brand and copy.

  • An email is a top-to-bottom stack of blocks — the recipe follows that order.
  • A [layout] step becomes a single image (great for heroes); everything else stays live text and links.
  • Theme the footer to match — the recipe's last step does exactly that.

Want this exact email? Tell your agent to clone the Temway share 9Iy7GRWBHjVjXQtRrs7qI, then rebrand it. For the full model, point it at get_conceptemail-structure, layouts-vs-emails, design-recipes.

A loud, time-boxed flash sale. A coupon-ticket hero carries the headline discount, then urgency copy, a category list, a copyable code, and a prominent shop button. Every element serves the “buy now or miss out” energy.

Snapshot

  • Goal: drive a burst of sales in a 48-hour window.
  • Audience & tone: existing customers and subscribers. Loud, urgent, to-the-point.
  • Palette: page #fff7ed · container #ffffff · text #1e293b / #475569 (muted) · accent deep-orange #ea580c (hero gradient #f97316#dc2626)
  • Font: "Trebuchet MS", Helvetica, sans-serif
  • Artwork: one coupon-ticket layout hero (a single rasterized image); everything below is native.

Build recipe

Each step is one block in the flat stack, top to bottom. [native] = a real email block. [layout] = a free-form layout embedded as a single image.

  1. [layout] Coupon-ticket hero — apply the coupon-ticket layout template; cream backdrop #fff7ed, dashed-border white ticket, orange burst, orange→red gradient (#f97316#dc2626). Overlay: eyebrow “FLASH SALE”, big “30% OFF”, subline “48 hours only.” Text-only artwork — the working CTA is step 6, and the copyable code is step 5.
  2. [native] Heading — text. “What’s on sale”. fontSize: 22, fontWeight: 700, color #1e293b, center.
  3. [native] Subtext — text. “Everything. No exclusions, no fine print.” fontSize: 15, color #475569, center.
  4. [native] Category list — text. Four rows (Apparel · Footwear · Accessories · Home & living), each with an orange #ea580c bold lead word. fontSize: 15, color #475569, left. (Rows stack — not side-by-side cards.)
  5. [native] Promo code — text. “Use code FLASH30” — code big and bold, fontSize: 20, color #ea580c, center, letter-spaced, tinted backgroundColor: #fff7ed, padding (kept as native text so it stays copyable, never baked into the image).
  6. [native] CTA — button. Label “Shop the sale”, deep-orange #ea580c fill, white text, rounded, center.
  7. [native] Urgency line — text. ”⏰ Sale ends Sunday at midnight — no rainchecks.” fontSize: 13, fontWeight: 700, color #ea580c, center.
  8. [native] Footer — social + address. Recolor: social.color = #ea580c, address.color = #94a3b8, address.fontFamily = "Trebuchet MS", Helvetica, sans-serif.

Make it yours

  1. Swap the discount, the four categories, and the code.
  2. Recolor the orange→red hero to your brand.
  3. Keep the code as its own text step (step 5) so shoppers can copy it — never bury it in the hero image.
Use this template