to feed
Outlook its own "ghost table" so the layout stays centered and width-capped.
3. VML (Vector Markup Language) for background images and bulletproof buttons,
because Outlook ignores CSS background-image and CSS-rounded buttons.
4. A "hybrid / spongy" layout (max-width + inline-block) so it goes
single-column on mobile WITHOUT relying on media queries (many clients
strip them — Gmail app on some Android builds, etc.).
5. Progressive enhancement for dark mode via meta + media queries.
============================================================================
-->
Email subject preview
Your one-line preview text goes here — keep it under ~90 characters.
͏ ͏ ͏ ͏ ͏ ͏ ͏
Your BrandYour Brand
Headline that survives Outlook
Hi there,
This is a paragraph of body copy. Keep line length comfortable and use real text — not text baked into images — so it stays readable, accessible, and dark-mode friendly.
Supporting line in a muted tone.
Why this template exists
Email clients are not browsers. Outlook on Windows renders with Microsoft Word, which ignores most modern CSS — background images, padding on div, flexbox, and max-width. This starter uses only the techniques that actually survive:
1.
Tables for layout — Word only reliably understands tables.
2.
MSO conditional comments feed Outlook a centered, width-capped “ghost table.”
3.
VML draws background images and rounded buttons that Outlook would otherwise drop.
4.
A hybrid / spongy layout stacks to one column on mobile without relying on media queries.
5.
Dark mode is layered on as progressive enhancement via meta tags and media queries.