Email design guide
Design emails that stay readable before they look clever.
Use simple email layout rules that protect scanning, mobile readability, accessibility, and send-path review.
Folderly guide
Clear decisions before volume.
Use this as a practical planning checklist. Keep the message useful, keep the setup verifiable, and avoid adding complexity before the sending path is ready.
1
primary CTA
44px
minimum tap target
14px+
mobile body text
Direct answer
Email design best practices start with a readable single-column layout, clear hierarchy, mobile-safe type, accessible links, and one primary CTA. Design should make the message easier to understand in the inbox; it should not hide the offer inside images, heavy formatting, or dense link clusters.
Definition
Email design is the structure, typography, spacing, accessibility, and rendering behavior that make an email readable across inboxes and devices.
Best for
- - Marketing and lifecycle emails that need a reusable visual structure.
- - Teams reviewing mobile readability, dark mode, and accessible tap targets.
- - Templates that need a simple hierarchy before campaign volume.
Not best for
- - Cold outreach that works better as a plain, personal message.
- - Image-only emails where blocked images remove the core message.
- - Campaigns that have not yet reviewed deliverability and unsubscribe basics.
Example
Input: A product update email with a headline, one benefit, a screenshot, and one CTA.
Output: A narrow one-column email with readable text, useful alt text, one button, and supporting links kept secondary.
Limitations
- - Good design does not fix a weak offer, poor list quality, or sender reputation issues.
- - Rendering still needs testing across mobile, dark mode, disabled images, and major inboxes.
Useful next sources
Overview
Email design is a readability system, not decoration.
Start with one column, a clear hierarchy, readable type, and a single next step. Add images only when they support the message and remain understandable when blocked.
Keep layout narrow
Use a simple single-column structure that scales cleanly across inboxes and devices.
Make hierarchy obvious
Use heading size, spacing, and contrast to show what matters first.
Design for touch
Keep buttons large enough to tap and avoid dense link clusters on mobile.
Keep images optional
Use alt text and avoid putting essential information only inside images.
Workflow
Keep the review sequence short.
Step 1
Sketch the hierarchy
Decide the headline, proof, supporting detail, and primary CTA before styling.
Step 2
Check mobile first
Preview spacing, tap targets, line length, and image behavior on a narrow viewport.
Step 3
Review before send
Verify links, unsubscribe handling, alt text, dark mode, and spam-risk wording.
Email design review checklist
Should every email use a designed template?
No. Cold outreach often works best with a plain, readable layout. Use a designed template when it makes the message easier to scan.
What is the safest layout to start with?
Start with a single-column layout, readable body text, one primary CTA, and images that are helpful but not required.
What should I test before sending?
Check mobile rendering, dark mode, disabled images, links, unsubscribe handling, and any wording that could increase spam risk.