⚡ AMP
Spin-to-Win Wheel
A prize wheel that spins inside the inbox — CSS conic-gradient wheel, amp-bind state machine, verified landing geometry, expiry via amp-timeago.
✓ Playground-valid AMP4EMAILAttachments: 10 files · index of enclosures
The Email Lab
Every template here is a real, standalone file — dev notes in the source, fallbacks engineered, ready to test. The AMP ones validate in Google's AMP Playground; open one, hit Copy source, paste it in, switch the format to “AMP for Email”, and check the verdict yourself.
⚡ AMP
Scratch-to-Reveal Card
Tap three times to wear through the foil and reveal a gift — a scratch-card feel built from opacity steps and an amp-bind tap counter.
✓ Playground-valid AMP4EMAIL
⚡ AMP
Product Drop / Mini-PDP
A product page inside an email: swipeable colourway carousel, size selector, quantity stepper and a live-computed subtotal.
✓ Playground-valid AMP4EMAIL
⚡ AMP
One-Tap Feedback Survey
NPS-style scoring and a comment box submitted without leaving the inbox — amp-form with mustache-rendered success and error states.
✓ Playground-valid AMP4EMAIL
Static
Welcome / Onboarding
The first email a product sends: three-step activation, bulletproof VML button, dark-mode hooks, fluid-hybrid layout that holds without media queries.
Static
Order Confirmation
A transactional receipt done properly: semantic totals table for screen readers, monospace figures, ghost-table two-column address block.
Static
Editorial Newsletter
“The Rendering Report” — a newsletter about email dev, built as an email. Text-first so it survives image blocking; hybrid two-column article grid.
Kinetic
FAQ Accordion
Tap-to-expand answers with zero JavaScript — checkbox hack plus a “kinetic gate” so clients that strip inputs get a fully expanded fallback.
Kinetic
Hover / Tap Reveal Cards
Ingredient cards that flip from marketing name to real chemistry — :hover on desktop, :checked on touch, stacked fallback everywhere else.
Kinetic
Radio-Button Carousel
Three brew-guide slides driven by radio inputs and label dots — one-active-at-a-time semantics for free, no JS, graceful stacked fallback.
How these are meant to be read
All brands (Aurora, Kite, Stride, Fieldnote) are fictional demo brands — the four of them form small coherent programmes: Kite's scratch card leads to its order confirmation and brew-guide carousel; Fieldnote's welcome leads to its day-7 survey. Image URLs use public CDNs and form endpoints are placeholders, both marked in the source with swap instructions. Production sending is a multipart job: the AMP file ships as text/x-amp-html alongside an HTML fallback.