Transactional emails
Twelve email templates that ship from the Oak Flats Mufflermen workshop — inline-styled, table-based, and safe in Gmail, Outlook and Apple Mail. Open one to see the rendered preview and toggle the source HTML.
Transactional emails is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Transactional emails: Twelve email templates that ship from the Oak Flats Mufflermen workshop — inline-styled, table-based, and safe in Gmail, Outlook and Apple Mail. Open one to see the rendered preview and toggle the source HTML.
One preview shell for every template
Email templates keep their client-safe table markup, but the primitive gallery, route headers, preview toggles, source viewer, and light/dark frame all inherit from the same theme and surface DNA.
- Theme-safe preview
- Preview chrome, paper, and source mode inherit the shared theme surface tokens.
- Email-client core
- Template bodies stay table-based and inline-styled while gallery chrome stays tokenized.
- Single heading owner
- Primitive routes keep the page h1; embedded emails render visual headings below it.
Welcome
Account-creation welcome — hero, primary CTA, secondary links, footer.
Password reset
Reset link with expiry, IP + device summary, and ignore-if-not-you copy.
Magic link
One-click sign-in button with 6-digit code fallback and expiry timer.
Order confirmation
Order number, line-items table, totals, ETA, view-order CTA.
Shipping update
Status chip, carrier + tracking, 4-step progress, tracking CTA.
Payment failed
Decline reason, masked card, retry + update-card CTAs, support line.
Invoice attached
Invoice number, amount due, due-date strip, view + download links.
Monthly digest
Four stat cards, top-3 articles, opt-in footer with unsubscribe.
Team invite
Sender avatar + workspace, role pill, accept + decline, expiry note.
Receipt
Paid chip, line items, GST, masked payment method, refund link.
Abandoned cart
Product image placeholder + savings chip + return-to-cart CTA.
Review request
Vehicle summary + 1-5 star buttons (table cells) + incentive chip.