HTML Email Development

Featured

Dark gradient hero with simulated browser UI, animated stat counters, table-based feature cards, pull-quote testimonial, and dual CTA buttons with VML fallbacks for Outlook.

Dark Theme VML Buttons CSS Animation Browser Mockup ~25KB

View full email

More Samples

Transactional

Order Confirmation

Everloom Home Goods (spec)

Receipt layout with order table, itemized pricing, shipping address, and track-order CTA. Stripe-inspired type.

Light Theme Order Table VML Buttons Responsive

Onboarding

Welcome Sequence

Relay (spec)

SaaS welcome email with 3-step onboarding flow, founder-direct reply line, and full dark mode support.

Light Theme Onboarding Dark Mode CSS Animation

How I Work

Every email is hand-coded. No exceptions.

Outlook uses Word's rendering engine. Gmail strips your styles. Yahoo rewrites your classes. Mailchimp templates can't handle that. I write the code myself.

1
Start with tables Nested tables that render the same in Outlook 2016, Apple Mail, Gmail, and Yahoo. No CSS Grid. No Flexbox.
2
Inline everything Every style inlined. Gmail strips <style> blocks on non-AMP emails. When styles get stripped, nothing breaks.
3
VML for Outlook Rounded buttons and gradients through Vector Markup Language. Outlook ignores CSS border-radius. VML doesn't.
4
Test across 30+ clients Litmus and Email on Acid renders before anything ships. Dark mode, mobile, desktop, webmail. Every combination checked.

What Every Email Includes

Outlook VML

Rounded buttons and gradients that work in Outlook 2016+. No broken rectangles.

Dark Mode

prefers-color-scheme targeting. Dark-first when the brand calls for it.

Responsive

620px breakpoint. Stacking columns, scaled type, mobile padding. Tested on iPhone, Android, and tablet.

Under 102KB

Gmail clips emails over 102KB. Every email I build stays well under that limit.

Under the Hood

          
          
          
        
vml-button-fallback.htmlHTML
<!-- Outlook needs VML for rounded, styled buttons -->
<!-- Other clients get the standard <a> tag -->

<!--[if mso]>
<v:roundrect href="#"
  style="height:52px; v-text-anchor:middle; width:240px;"
  arcsize="15%" strokecolor="#7c3aed"
  fillcolor="#7c3aed">
  <w:anchorlock/>
  <center style="color:#fff; font-size:16px; font-weight:bold;">
    Download Arc 2.0
  </center>
</v:roundrect>
<![endif]-->

<!--[if !mso]><!-->
<a href="#" style="display:inline-block;
  padding:16px 40px; font-size:16px; font-weight:700;
  color:#ffffff; background:linear-gradient(135deg,#7c3aed,#a78bfa);
  border-radius:8px; text-decoration:none;">
  Download Arc 2.0
</a>
<!--<![endif]-->

Need emails that actually render?

I build HTML emails from scratch. Table layouts, dark mode, Outlook VML, responsive. Tested in every client, lands in every inbox.

Get in touch