Design Development / Best Practices

Email Signature Design
Best Practices Guide
Size & Dimensions
Overall Dimensions
Maximum width: 600-700px (recommended: 320-600px)
Maximum height: 200-300px (recommended: 150-200px)
File size: Keep under 1MB total (ideally under 500KB)
Mobile consideration: Design should scale well to 320px width
Image Specifications
Format: PNG or JPG (PNG preferred for logos with transparency)
Resolution: 72 DPI (web standard)
Logo size: Maximum 150px wide × 100px high
Social icons: 16px × 16px to 24px × 24px
Typography & Fonts
Safe Web Fonts (Use these for maximum compatibility)
Serif:
Georgia
Times New Roman
Times
Sans-Serif:
Arial
Helvetica
Verdana
Tahoma
Trebuchet MS
Geneva
Font Guidelines
Primary text: 12-14px
Name/Title: 14-16px (can be bold)
Company name: 12-14px
Contact details: 11-12px
Legal disclaimers: 9-10px
Line height: 1.2-1.4 for readability
⚠️ Avoid:
Custom web fonts (Google Fonts, etc.)
Decorative or script fonts
Font sizes smaller than 9px
Design & Layout
Structure Best Practices
Left-aligned layout works best across all clients
Single column design preferred
Clear hierarchy with proper spacing
Consistent margins: 10-15px between sections
Color Guidelines
Text color: Dark colors (#333333, #000000) for body text
Links: Blue (#0066CC) or brand colors
Backgrounds: White or very light colors
Contrast ratio: Minimum 4.5:1 for accessibility
Visual Elements
Separators: Use simple lines (1px solid) or spacing instead of complex graphics
Icons: Use standard, recognizable symbols
White space: Essential for readability and professional appearance

Websafe Fonts
Web-safe fonts are typefaces pre-installed across virtually all operating systems (Windows, macOS, Linux, iOS, and Android), guaranteeing reliable rendering without downloading external web font files.
Sans-Serif Fonts
Arial: Universal fallback font available on almost every device and browser.
Helvetica: Classic macOS/Unix sans-serif; standard primary option paired with Arial fallbacks.
Verdana: Wide character spacing designed specifically for screen legibility at small sizes.
Tahoma: Compact sans-serif closely related to Verdana, optimized for tight UI layouts.
Trebuchet MS: Humanist sans-serif featuring distinct character forms and open shapes.
Calibri: Modern Microsoft sans-serif with soft, slightly rounded letter edges.
Segoe UI: Modern system user-interface font standard across Windows platforms.
Century Gothic: Geometric typeface with wide, circular curves and modern styling.
Arial Black: Heavy, ultra-bold variant of Arial intended for large headings.
Serif Fonts
Times New Roman: Standard transitional serif pre-installed across Windows and macOS platforms.
Times: Traditional macOS/Unix counterpart to Times New Roman.
Georgia: Screen-optimized serif font with wide proportions for clean digital reading.
Garamond: Classic, elegant serif typeface with traditional print-inspired proportions.
Palatino / Palatino Linotype: Renaissance-style serif featuring high stroke contrast and solid legibility.
Cambria: Microsoft serif font engineered for long-form reading on digital displays.
Baskerville: High-contrast, traditional serif typeface native to macOS environments.
Bookman / Bookman Old Style: Wide, sturdy serif with heavy stroke weights.
Monospace Fonts
Courier New: Standard typewriter-style monospace font supported on almost all systems.
Courier: Older default monospaced font on macOS and Unix systems.
Consolas: Clear monospaced typeface designed specifically for code blocks on Windows.
Monaco: Clean, highly legible macOS native monospaced font.
Lucida Console: Fixed-width font shipped natively with Windows operating systems.
Andale Mono: Fixed-width font with distinct character styling native to macOS and Linux.
Display, Cursive & Decorative Fonts
Impact: Ultra-condensed display font designed for bold headlines and titles.
Comic Sans MS: Casual, handwritten sans-serif pre-installed across Windows and macOS.
Copperplate Gothic / Copperplate: Capital-heavy decorative typeface featuring subtle serifs.
Brush Script MT: Script-style cursive font mimicking fluid brush calligraphy.
Lucida Handwriting / Bradley Hand: Casual script and handwriting fonts widely supported across Mac and Windows platforms.