Dark-Light HTML Email Template
Budget: $10 – $30 USD
I’m building a single-section marketing email and need a responsive HTML template that automatically switches between light and dark mode while keeping the brand-neutral palette below intact.
Colour requirements
• Full-width background – #D9D9D9 in light, #CACACA in dark
• Central content block (10 px side padding) – #FFFFFF in light, #2C73E6 in dark
• Text inside that block – #4B5571 in light, #E8EAEE in dark
Technical expectations
The code has to respect the usual constraints of Apple Mail, Gmail on iOS/Android, and Outlook on iOS, macOS, Windows, and Android: inline CSS, table-based layout, and a bulletproof prefers-color-scheme fallback. Please rely on a clean sans-serif font and feel free to shape the typography and spacing—there are no extra brand guidelines to follow. Only the body section is required; no header or footer.
Deliverable
• One fully commented HTML file, ready to paste into any ESP, that renders perfectly in the clients listed above (screenshots will be used for acceptance).
If any tiny assets are needed—e.g., a spacer GIF—include them alongside the file.
Colour requirements
• Full-width background – #D9D9D9 in light, #CACACA in dark
• Central content block (10 px side padding) – #FFFFFF in light, #2C73E6 in dark
• Text inside that block – #4B5571 in light, #E8EAEE in dark
Technical expectations
The code has to respect the usual constraints of Apple Mail, Gmail on iOS/Android, and Outlook on iOS, macOS, Windows, and Android: inline CSS, table-based layout, and a bulletproof prefers-color-scheme fallback. Please rely on a clean sans-serif font and feel free to shape the typography and spacing—there are no extra brand guidelines to follow. Only the body section is required; no header or footer.
Deliverable
• One fully commented HTML file, ready to paste into any ESP, that renders perfectly in the clients listed above (screenshots will be used for acceptance).
If any tiny assets are needed—e.g., a spacer GIF—include them alongside the file.