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

ATOMS

buttons

EDS buttons

colors

EDS color palette

fine print

EDS fine print

h1

EDS H1

h2

EDS H2

h3

EDS H3

h4

EDS H4

links

EDS text links

p

EDS p

small text

EDS small text

spacing

EDS spacing rules

text modifiers

EDS text modifier classes

MODULES

App Module

download our app and app badges

Basic Module

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

email template for newsletters