text modifiers

All CSS for default typography is found in the framework. All text is given a default color of #222222. There are modifier classes for .bold, .serif, .white, .blue and .light-blue.

Note: .serif should only be used for editorial content, such as story headlines, and .light-blue should only be used for text links on a dark gray background.
OVERVIEW

Description

EDS purpose and structure

Instructions

how to use the EDS

Resources

links and information about HTML email

FRAMEWORK

Email Framework

standard email framework

Full-Width Email Framework

used for full-width backgrounds

ATOMS
buttons
colors
footer text/fine print
h1
h2
h3
h4
links
p
small text
spacing
text modifiers
MOLECULES

App Molecule

download our app and app badges

Basic Molecule

large icon, subheading, body copy and button

LAYOUTS

Columns

how to work with multi-column layouts

Zig-Zag Layout

how to create a zig-zag layout that collapses gracefully on mobile

ADOBE CAMPAIGN

Campaign Shortcodes

shortcodes for Adobe Campaign that import dynamic content or personalization data

Conditional Formatting

how to use if-else formatting to display content

TEMPLATES

Marketing | Content

email template for content marketing

Marketing | Event

email template for event promotion

Marketing | Offer

email template for marketing offer

Newsletter | Digest

email template for digest newsletters

Newsletter | Dynamic

email template for dynamic newsletters

Newsletter | Long-Form

email template for long-form newsletters