Definition
Email brand guidelines are a specialised subset of overall brand guidelines that address the unique constraints and opportunities of the email channel. While general brand guidelines cover broad applications across print, web, and social media, email guidelines must account for HTML rendering limitations, email client inconsistencies, and the interactive nature of email communications.
Logo usage specifications for email differ from other channels. Email logos must account for limited space in the header, dark mode compatibility, and varying screen sizes from mobile to desktop. Specifications should include file format requirements such as PNG with transparent background for light mode and a separate white version for dark mode, maximum dimensions typically 600 pixels wide by 100-150 pixels tall, minimum size for legibility, and clear space requirements. Some brands specify different logo treatments for transactional versus marketing emails, with transactional emails using a smaller, text-only logo variant.
Brand colour palettes for email must include hex values that render consistently across email clients, which often display colour differently than web browsers. The palette should specify primary and secondary colours with their hex values, and include a dedicated email-safe colour subset that accounts for clients that do not support CSS. Font stacks with fallback hierarchy are essential because email supports only web-safe fonts and system fonts. A typical email font stack lists the preferred brand typeface, followed by common system fonts that provide similar characteristics, ending with the generic fallback of serif or sans-serif.
Best Practices
- Create a separate email brand guidelines document distinct from general brand guidelines: Email rendering constraints mean that not all brand rules can be applied in email. A dedicated email brand guide documents exactly how the brand translates to the email channel, including limitations and workarounds, so designers and developers have clear, channel-specific instructions.
- Specify font stacks with at least three fallback levels: List the preferred font first, then a close system alternative, then a generic CSS font family. For example:
Georgia, 'Times New Roman', serif. Test each font stack combination across Outlook, Gmail, Apple Mail, and mobile clients to verify acceptable rendering. - Include dark mode specifications for every visual element: Define how logos, colours, background images, and text render in dark mode. Provide alternative logo files, specify colours that invert or stay fixed in dark mode, and test all combinations in both light and dark environments across major email clients.
- Document template component specifications with exact dimensions and spacing: For each template component such as header, hero image, text block, button, footer, specify exact pixel dimensions, padding, margin, and responsive behaviour. Component specifications reduce design inconsistency and speed up template creation.
- Include a tone of voice guide tailored specifically for email copywriting: Email copy has different requirements from web or social copy. Specify acceptable subject line formats, preview text conventions, greeting and sign-off styles, and guidance on personalisation tokens. Address the difference between marketing and transactional email tone.
Related Glossary Terms
BIMI
BIMI (Brand Indicators for Message Identification) is an email standard that allows brands to display their logo next to their emails in supported email clients. It requires DMARC enforcement at quarantine or reject policy.
Dark Mode
Dark mode in email refers to how email clients render messages when the recipient has dark mode enabled. It affects colour display, image rendering, and readability. Designers use CSS media queries and hybrid coding techniques to control the dark mode appearance.
Email Accessibility
Email accessibility ensures marketing emails are usable by people with disabilities, including those using screen readers, keyboard navigation, or assistive technologies. It follows WCAG 2.1 guidelines for structure, contrast, semantics, and descriptive content.
Email Branding
The consistent use of visual identity, tone of voice, and design elements across email communications to build instant recognition and trust in the inbox.
Email GIF
Email GIFs use animated images to demonstrate products, illustrate processes, and capture attention, requiring careful optimisation for file size, animation length, and fallback strategies.
Email Gravatar
A globally recognised avatar service that displays profile images next to email messages in supporting email clients based on the sender's MD5-hashed email address.
Frequently Asked Questions
Email brand guidelines should cover logo usage with file specifications and clear space requirements, colour palette with hex values and email-safe alternatives, font stacks with fallback hierarchy for web-safe rendering, tone of voice for different email types, button and CTA specifications, header and footer component specs, dark mode configuration for all elements, responsive design breakpoints, and template component dimensions and spacing rules.
Email guidelines must account for limited CSS support, inconsistent rendering across email clients, the absence of JavaScript, and the need for inline styles. Email font choices are restricted to web-safe fonts, layout is constrained to table-based or simple CSS designs, and interactivity is limited to links and form buttons. Web guidelines can assume modern browser capabilities that email clients do not support.
Email clients do not load external fonts reliably, so email rendering depends entirely on fonts installed on the recipient's device. A font stack specifies a hierarchy of fallback fonts, ensuring the email renders acceptably regardless of which fonts the recipient has installed. Without a proper font stack, the email default font is used, which may look completely different from the brand's intended typeface.
Create template variants for each email type, including promotional campaigns, transactional messages, triggered automation, newsletters, and internal communications. Each variant follows the same brand guidelines but adapts layout, content density, and tone for its specific purpose. A brand consistency checklist applied before every send ensures all variants stay aligned.
Yes, accessibility specifications should be part of email brand guidelines. Include minimum font size requirements, colour contrast ratios for text and background combinations, heading hierarchy rules, alt text standards for images, and guidance on link description text. Accessibility is an essential component of brand quality and should not be treated as optional.