Email Design Standards

Overview

This guide will bring you through creative and technical best practices and requirements for your email campaigns. If you have any questions after reviewing, reach out to your Wunderkind team.

Table of Contents

1. Fonts
2. Email Anatomy and Dimensions

Fonts

Live Text

Live text is recommended for email design (whether you’re using system fonts or another font) because it allows for:

• Faster load times
• Legibility across more email clients
• Easier coding updates
• Better accessibility

System Fonts

These are fonts that are supported across all email clients, browsers, and devices.

Other Fonts

‘Web fonts’ are licensed for use online, and Wunderkind can load them into emails from the following sources. When using web fonts in email, fallback fonts (including system fonts) are also coded to render wherever web fonts aren’t supported.

• Google Fonts
• Client-Hosted Fonts (includes Adobe Typekit). If using please make sure to:
  • Provide your font endpoint (absolute URL)
  • Confirm the fonts are licensed for your site’s use
  • Allow the font to load outside of your domain

Email Anatomy and Dimensions

Wunderkind creates email designs to both align with your brand style and drive maximum performance. Design can be done in various styles with different dimensions, with only a few technical requirements:

• Desktop / Tablet
  • Width of email content - 600px (Hero background image may be 900px depending on design)
• Mobile (<640px)
  • Width of email content - 100% width of browser screen