The McClatchy Email Design System (EDS) exists to provide visual alignment of our emails with the Saratoga Design System (SDS) and is organized with an atomic design structure. This system serves to streamline our email design workflow and provide consistency across all email products.
This section of the team website serves as both a style guide for the EDS as well as a code library of common elements and layouts.
EDS purpose and structure
how to use the EDS
links and information about HTML email
standard email framework
used for full-width backgrounds
download our app and app badges
large icon, subheading, body copy and button
how to work with multi-column layouts
how to create a zig-zag layout that collapses gracefully on mobile
shortcodes for Adobe Campaign that import dynamic content or personalization data
how to use if-else formatting to display content
email template for content marketing
email template for event promotion
email template for marketing offer
email template for digest newsletters
email template for dynamic newsletters
email template for long-form newsletters