Build Assets
Brand Guideline
Email Template Spec
Brand standards for transactional and marketing emails.
Platform: bothTags: email, template, brand, transactional, marketing
The Rule
All brand emails use the standard template: white content card (600px wide) on light grey background (#F5F5F5), logo at top (120–160px wide), navy text (#0F172A), accent orange for primary CTAs, footer with legal text and unsubscribe. No custom fonts — use system fallbacks.
Rationale
Email rendering varies dramatically across clients (Gmail, Outlook, Apple Mail). A simple, tested template prevents rendering failures. Using system fonts avoids font-loading failures. Consistent templates build recognition — recipients should immediately know it's from your brand.
Specifications
max Width600px centered on #F5F5F5 background
color VariantsWhite background, navy (#0F172A) text, orange (#F97316) CTAs, light grey (#F5F5F5) outer
minimum SizeLogo 120px wide minimum; CTA buttons min 44px height for mobile
clear SpaceContent padding: 32px all sides. Section spacing: 24px between sections.
Examples
- Transactional: logo + greeting + content + single CTA + footer
- Marketing: logo + hero image + headline + body + 1–2 CTAs + footer
- Never: multiple competing CTA styles, small unreadable text, image-only emails (renders as blank in text mode)