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
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.