When creating an email, think of these modules as lego bricks from which a layout can be built to best communicates your message. We have a rich visual system in place for differentiating between message types, read more about message types.

 

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 stack below the primary module. Use a maximum of three secondary modules per email.

Tertiary modules
Decorative modules for the advanced user. Use a maximum of two tertiary modules per email.

PM-01
Use cases:

  • When the secondary module(s) that follows are especially image heavy
  • When we are introducing an overarching collection of related content and the secondary module(s) are the main focus

Details:

  • h1: 55 characters max
  • Subhead: 110 characters max

 

 

 

 

PM-02
Use cases:

  • When showing off campaign photography that is horizontal in nature

Details:

  • Image dimensions: 600×224 or 600×284
  • h1: 55 characters max
  • Subhead: 110 characters max

 

PM-03
Use cases:

  • When pairing copy content with an illustration that is vertical in nature

Details:

  • h1: 45 characters max
  • Subhead: 100 characters max

 

PM-04
Use cases:

  • When pairing copy content with an illustration that is either square in shape, horizontal in shape, or enclosed within a circle

Details:

  • h1: 55 characters max
  • Subhead: 110 characters max

 

PM-05
Use cases:

  • When promoting a video from the hero area
  • The play button and any other details must be embedded into the hero photograph

Details:

  • Image dimensions: 600×340
  • h1: 55 characters max
  • Subhead: 110 characters max

 

PM-06
Use cases:

  • When pairing copy content with a desktop view of our product application
  • Ensure that the product screen is enclosed within the correct browser expression

Details:

  • Image dimensions: 520×340
  • h1: 55 characters max
  • Subhead: 110 characters max

 

PM-07
Use cases:

  • When pairing copy content with a mobile view of our product application
  • Ensure that the product screen is enclosed within the correct mobile device expression

Details:

  • Image dimensions: 216×415
  • h1: 45 characters max
  • Subhead: 100 characters max

 

PM-08
Use cases:

  • When pairing copy content with a mobile view of our product application
  • Specifically when there is a stronger focus on the upper portion of the device screen or trying to reduce vertical height
  • Ensure that the product screen is enclosed within the correct mobile device expression

Details:

  • Image dimensions: 240×290
  • h1: 30 characters max
  • Subhead: 95 characters max

 

 

 

 

 

 

PM-09
Use cases:

  • When showing off campaign photography that is vertical in nature or there is a desire to get the copy content higher up

Details:

  • Image dimensions: 280×300
  • h1: 30 characters max
  • Subhead: 95 characters max

 

 

 

PM-10 (restricted use)
Use cases:

  • This is a promotional module to be used only in association with a monetary value

Details:

  • h1: 10 characters, Ex. Save
  • Pricing: 4 characters, Ex. $200
  • Subhead: 110 characters max

 

SM-01

  • h2: 85 characters max
  • h3: 35 characters max, each
  • p: 55 characters max, each

 

SM-02

  • h2: 85 characters max
  • h3: 30 characters max, each
  • p: 100 characters max, each

 

SM-03

  • h2: 85 characters max
  • p: 200 characters max

 

SM-04

  • 180 characters max for the primary quote

 

SM-04a
This is an alternate to our standard quote module that also includes a photograph of the quote author if available to allow for a human touch.

  • Image dimensions: 180 x 180
  • 180 characters for the primary quote

 

SM-05

  • h2: 35 characters max
  • p: 85 characters max

 

SM-06

  • Subhead: 80 characters max

 

SM-07

  • h2: 50 characters max
  • p: 115 characters max

 

SM-08

  • h2: 35 characters max
  • p: 115 characters max

 

SM-09

  • h2: 35 characters max
  • p: 100 characters max

 

SM-10

  • h2: 35 characters max
  • p: 100 characters max

 

SM-11

  • 260 characters max, per paragraph
  • 190 characters max, per bullet

 

SM-12

  • h2: 35 characters max
  • p: 100 characters max

 

SM-13

  • h2: 35 characters max
  • p: 100 characters max

 

SM-14

  • h3: 60 characters max, each
  • p: 80 characters max, each

 

SM-15

  • For use in “Needs Attention” message types only
  • h3: 115 characters max, each
  • p: 200 characters max, each

SM-15a

  • For use in “Informational” message types only
  • h3: 115 characters max, each
  • p: 200 characters max, each

SM-16

  • For use in “Critical” message types only
  • h3: 115 characters max, each
  • p: 200 characters max, each

 

SM-17

  • h2: 85 characters max
  • p: 50 characters max, each

 

SM-18

  • h2: 25 characters max (single line)
  • p: 200 characters max, each

 

 

 

 

 

 

 

SM-19
Compare chart to be used when comparing up to 2 different products max.

  • h2: 85 characters max
  • Column header: 16 characters max
  • p: 50 characters max, each
  • Column link: 16 characters max

 

 

 

 

 

 

 

TM-01

  • Use sparingly to add visual interest
  • No more than two Tertiary Modules per email

 

TM-02

  • Use sparingly to add visual interest
  • No more than two Tertiary Modules per email

 

 

TM-03

  • Use sparingly to add visual interest
  • No more than two Tertiary Modules per email

 

TM-04 (restricted use)
Module cap to be used in coordination with a monetary promotion in a primary placement.

  • Placement is fixed at the top of the email
  • 50 characters max
  • Use sparingly to add visual interest
  • No more than two Tertiary Modules per email

 

 

 

TM-05 (restricted use)
Module cap or separator to be used in coordination with a monetary promotion in a secondary placement.

  • Use sparingly to add visual interest
  • No more than two Tertiary Modules per email

COM-01

  • 520x1px visual separator for use between related modules

COM-02

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

  • Was this Helpful?
  •