UPDATED 4/3/18

The design and code of all email modules have been refreshed. Read the release notes for details.

When creating an email, think of these modules as building blocks. After the correct shell is selected, you can then choose primary and secondary modules that correspond to the type of email being sent.

Understanding modules

Primary modules
These modules act as the “hero” and should communicate the main point of the email. Use only one primary module per email.

Secondary modules
Secondary modules go underneath the primary module. While it’s not absolutely necessary to add a secondary module to every email, there are many instances where they can help provide more details. Use a maximum of three secondary modules per email.

Components
Components are design elements that help with cohesiveness and hierarchy.

PM-01

  • For use in Buy me, Read me, and Join me emails
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-02

  • For use in Buy me, Read me, and Join me emails
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-03

  • For use in Buy me, and Join me emails
  • Maximum image dimensions: 520×220
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-04

  • For use in Buy me, and Read me emails
  • Maximum illustration dimensions: 520×220
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-05

  • For use in Buy me, Read me, and Join me emails
  • Image dimensions: 520×292
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-06

  • For use in Buy me, and Read me emails
  • Image dimensions: 520×300
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-07

  • For use in Buy me, and Read me emails
  • Image dimensions: 520×300
  • h1: 65 characters max
  • h2: 110 characters max

 

PM-08

  • For use in Buy me, and Read me emails
  • Image dimensions: 180×300
  • h1: 30 characters max
  • h2: 80 characters max

 

PM-09

  • For use in Buy me, and Read me emails
  • Image dimensions: 180×300
  • h1: 30 characters max
  • h2: 80 characters max

 

PM-10

  • For use in Buy me, and Read me emails
  • Image dimensions: 214×284
  • h1: 30 characters max
  • h2: 80 characters max

 

PM-11

  • For use in Buy me, and Read me emails
  • Image dimensions: 214×284
  • h1: 30 characters max
  • h2: 80 characters max

 

PM-12

  • For use in Buy me and Join me emails
  • Image dimensions: 280×287
  • h1: 30 characters max
  • h2: 80 characters max

 

PM-13

  • For use in Buy me, and Join me emails
  • Image dimensions: 280×287
  • h1: 30 characters max
  • h2: 80 characters max

 

SM-01

  • For use in Buy me, Read me, and Join me emails
  • h2: 110 characters max
  • h3: 15 characters max, per RTB
  • p: 65 characters max, per RTB

 

SM-02

  • For use in Buy me, Read me, and Join me emails
  • h2: 110 characters max
  • h3: 15 characters max, per RTB
  • p: 65 characters max, per RTB

 

SM-03

  • For use in Buy me, Read me, and Join me emails
  • h3: 30 characters max, per RTB
  • p: 120 characters max, per RTB

 

SM-04

  • For use in Buy me and Join me emails
  • 200 characters max for the primary quote

 

SM-05

  • For use in Buy me and Read me emails
  • h2: 50 characters max
  • p: 110 characters max

 

SM-06

  • For use in Buy me and Read me emails
  • h2: 50 characters max
  • p: 110 characters max

 

SM-07

  • For use in Buy me and Read me emails
  • h2: 50 characters max
  • p: 150 characters max

 

SM-08

  • For use in Buy me and Read me emails
  • h2: 50 characters max
  • p: 110 characters max

 

SM-09

  • For use in Buy me, Read me, and Join me emails
  • h2: 130 characters max
  • p: 230 characters max

 

SM-10

  • For use in Buy me and Read me emails
  • h2: 50 characters max, per container
  • p: 130 characters max, per container

 

SM-11

  • For use in Read me, and Join me, and Notify me emails
  • 240 characters max, per paragraph
  • 75 characters max, per bullet

 

SM-12

  • For use in Notify me emails
  • h2: 100 characters max

 

SM-13

  • For use in Notify me emails
  • h2: 100 characters max

 

SM-14

  • For use in Notify me emails
  • h2: 100 characters max

 

SM-15

  • For use in Buy me, Read me, and Join me emails
  • h2: 100 characters max

 

COM-01

  • 520x1px separator for use between related modules
  • Not necessary when there’s also a change in background color. Ex: PM-02 stacked on top SM-03.

 
 
 
 
 
 

COM-02

  • 600x8px separator for use between modules that are separate topics

 

  • Was this Helpful?
  •