Get Started

Long Time No See — Ecommerce

An energetic orange-to-pink gradient hero ecommerce win-back with a restocked items list, was/now pricing, and an extra discount code. Vibrant and urgency-forward.

Re-engagement ecommercecolorfulvibrantwin-backherogradientcta

Updated Jul 10, 2026

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 E4SxfNu2CspA4U5HlFoRI, then rebrand it. For the full model, point it at get_concept — email-structure, layouts-vs-emails, design-recipes.

A vibrant, high-energy ecommerce win-back. A warm gradient hero, a scannable list of restocked favorites with was/now pricing, and an extra code — urgency without pushiness.

Snapshot

  • Goal: win back a lapsed shopper with restocked favorites and a small extra incentive.
  • Audience & tone: customers who haven’t shopped in a while. Upbeat, friendly, a little urgent.
  • Palette: page #fff7ed · container #ffffff · text #1e293b / #475569 (muted) · accent orange #f97316 (hero gradient orange #f97316 → pink #ec4899)
  • Font: "Trebuchet MS", Helvetica, sans-serif
  • Artwork: one gradient-hero 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] Gradient hero — apply the gradient-hero layout template; orange→pink diagonal gradient (#f97316 → #ec4899). Overlay: eyebrow “LONG TIME NO SEE”, heading “Your favorites are back”, subline “Restocked — and still going fast.” Text-only artwork — the working CTA is step 5.
  2. [native] Heading — text. “Back by popular demand”. fontSize: 22, fontWeight: 700, color #1e293b, center.
  3. [native] Product rows — four items, each a title text + a was/now price text, separated by dividers:
    • [native] “The Everyday Tote” — text. fontSize: 16, fontWeight: 700, #1e293b, left; price line “$89 $59” with the now-price in orange #f97316.
    • [native] Divider — hairline #fed7aa, medium padding.
    • Repeat the title + price + divider for three more restocked items. (Items stack + divide — a “menu”, not side-by-side cards.)
  4. [native] Extra code — text. “Plus, take 10% more with code WELCOME10” — code bold in orange #f97316. fontSize: 15, center, tinted backgroundColor: #fff7ed, padding (native text — copyable).
  5. [native] CTA — button. Label “Shop what’s back”, orange #f97316 fill, white text, rounded, center.
  6. [native] Scarcity line — text. “Limited quantities — once they’re gone, they’re gone.” fontSize: 13, color #475569, center.
  7. [native] Preference line — text. “Not shopping right now? You can update your preferences anytime.” fontSize: 12, color #94a3b8, center, links in orange #f97316.
  8. [native] Footer — social + address. Recolor: social.color = #f97316, address.color = #94a3b8, address.fontFamily = "Trebuchet MS", Helvetica, sans-serif.

Make it yours

  1. Swap the four restocked items and their was/now prices.
  2. Recolor the orange→pink hero to your brand.
  3. Keep the extra code + scarcity line only if both are true.
Use this template