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
- Display at the top of email only
- h3: 115 characters max, each
- p: 200 characters max, each
SM-15a
- For use in “Informational” message types only
- Display at the top of email only
- h3: 115 characters max, each
- p: 200 characters max, each
SM-16
- For use in “Critical” message types only
- Display at the top of email 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
