Email Design Cheat Sheet 2026

The 30 highest-yield Email Design facts, distilled from real exam questions. Print it, save it as a PDF, or study it here — free, no sign-up.

1. Why is a single, prominent call to action often more effective than many competing CTAs? → It reduces decision fatigue and focuses clicks on the primary goal
2. What is a 'bulletproof button' in HTML email coding? → A CTA button built with HTML/CSS that renders correctly even when images are blocked
3. What HTML element is primarily used to create table-based email layouts? →
4. What is the maximum recommended total file size for an HTML email? → 102KB
5. What does 'conversion rate' measure in the context of email CTAs? → The percentage of subscribers who clicked the CTA and completed the desired action
6. What is the most effective way to use email signature marketing? → As part of your omni-channel marketing strategy
7. Which layout approach places the main content area next to a narrower sidebar? → Sidebar (two-column) layout
8. Which property controls the space between lines of text in email CSS? → line-height
9. What is the main design purpose of a clear visual hierarchy in an email? → Guiding the reader's eye from headline to supporting content to the call to action
10. A designer wants the signature to look sharp on Retina and other high-DPI screens. What is the standard technique? → Export images at 2x resolution and constrain them to half size with width attributes
11. What is the best way to make your email look more professional? → Use a two-column layout
12. An employee's signature renders with huge gaps between lines in Outlook but looks fine in Gmail. What is the most likely cause? → Outlook interprets paragraph tags with default margins differently than Gmail
13. Which approach correctly styles text in an email signature for maximum client compatibility? → Inline CSS applied directly to each element
14. Why might a signature that renders perfectly in a desktop preview break on mobile devices? → Fixed-width table layouts can exceed narrow mobile screens, forcing zooming or clipping
15. Which practice best keeps an email signature readable when a recipient views it in dark mode? → Using transparent PNG logos with a subtle outline or testing against dark backgrounds
16. What coding technique makes images in emails scale down properly on mobile? → Setting max-width: 100% and height: auto on the tag
17. An email's click map shows most clicks on an unlinked hero image. What design change addresses this behavior? → Link the hero image to the primary landing page
18. What color model is used when specifying colors in HTML email code? → RGB/Hex
19. Which font type is considered safest to use in HTML emails for cross-client compatibility? → System/web-safe fonts
20. A marketing team adds a 2MB high-resolution banner to all employee signatures. What is the most likely negative outcome? → Slow-loading emails and increased spam filtering risk due to heavy image weight
21. Which scenario best justifies using an animated GIF in an email? → Showing a short product demo, with the key message in the first frame for Outlook
22. What is the recommended line length (in characters) for optimal email body text readability? → 50–75 characters
23. What is the CSS media query used to apply mobile-specific styles in responsive emails? → @media screen and (max-width: 600px)
24. Which CSS technique is most reliable for styling text in HTML emails? → Inline styles applied directly to each element
25. What is a common problem with lengthy legal disclaimers appended to every email signature? → They add clutter and their enforceability is widely questioned, while bloating threads
26. What does using a 'call-to-action button color' that contrasts with the email background achieve? → Draws the subscriber's eye to the most important action
27. In email design, what is a 'hero' image? → A large, prominent image at the top of the email
28. What value should the border attribute be set to on email layout tables? → border='0'
29. Which CSS property sets the background color of an HTML email table cell? → background-color
30. What is the recommended minimum font size for body text in marketing emails? → 14px