Dynamic Content is a great way to bring Events and News into your email messages. Before you can utilize Events and News, a Dynamic Content Style needs to exist. The following styles are a great starting point for attractive styles. Feel free to set them to your brand colors.
Event Style 1: Date Box - Title - Text - Link
Steps to create:
Select Layout:
Call to Action Text:
Read More
Settings used to create the style shown above:
Borders: | Primary | Secondary | Tertiary | Buttons |
Color: Red Size: 1px Sides: All |
||||
Background Color: | Primary | Secondary | Tertiary | Buttons |
Red | ||||
Headers: | H1 | H2 | H3 | |
Color: Dark Gray |
Color: White Font: Verdana Font Size: 18 Line Height: 27 |
Color: Black Font: Georgia Font Size: 30 Line Height: 40 |
||
Text: | Body | Hyperlink | Buttons | |
Color: Black |
Color: Red | Color: Black Font: Arial Font Size: 14 |
||
Buttons: | Primary | |||
Padding: M Radius: 0 |
Event Style 2: Date Box - Title - Text
Steps to create:
Select Layout:
Call to Action Text:
N/A
Settings used to create the style shown above:
Borders: | Primary | Secondary | Tertiary | Buttons |
Color: Blue Size: 2 px Sides: All |
||||
Background Color: | Primary | Secondary | Tertiary | Buttons |
Blue | ||||
Headers: | H1 | H2 | H3 | |
Color: Black |
Color: White Font: Arial Font Size: 20 Line Height: 18 |
Color: Blue Font: Arial Font Size: 24 Line Height: 24 |
||
Text: | Body | Hyperlink | Buttons | |
Color: Black |
Color: Blue | Color: Black Font: Arial Font Size: 14 |
||
Buttons: | Primary | |||
Padding: M Radius: 0 |
Event Style 3: Title - Date Box - Text -Link
Steps to create:
Select Layout:
Call to Action Text:
Learn More >>
Settings used to create the style shown above:
Borders: | Primary | Secondary | Tertiary | Buttons |
Background Color: | Primary | Secondary | Tertiary | Buttons |
Headers: | H1 | H2 | H3 | |
Color: Red |
Color: Black Font: TimesNewRoman Font Size: 14 Line Height: 14 |
Color: Black Font: TimesNewRoman Font Size: 24 Line Height: 14 |
||
Text: | Body | Hyperlink | Buttons | |
Color: Black |
Color: Red | Color: Font: Font Size: |
||
Buttons: | Primary | |||
Padding: M Radius: 0 |
News Style 1: Left Thumbnail Image - Title - Text - Button
Steps to create:
Select Layout:
Call to Action Text:
Read More
Settings used to create the style shown above:
Borders: | Primary | Secondary | Tertiary | Buttons |
Color: Light Gray Size: 1 px Sides: Bottom |
||||
Background Color: | Primary | Secondary | Tertiary | Buttons |
Blue | ||||
Headers: | H1 | H2 | H3 | |
Color: Blue |
Color: Black Font: Arial Font Size: 18 Line Height: 27 |
Color: Black Font: Arial Font Size: 16 Line Height: 24 |
||
Text: | Body | Hyperlink | Buttons | |
Color: Dark Gray |
Color: White Font: Helvetica Font Size: 13 px |
|||
Buttons: | Primary | |||
Padding: M Radius: 0 |
News Style 2: Image - Title - Text - Button - TwoColumn
Steps to create:
Select Layout:
Call to Action Text:
Read More
Settings used to create the style shown above:
Borders: | Primary | Secondary | Tertiary | Buttons |
Background Color: | Primary | Secondary | Tertiary | Buttons |
Blue | ||||
Headers: | H1 | H2 | H3 | |
Color: Blue |
Color: Black Font: Arial Font Size: 18 Line Height: 27 |
Color: Black Font: Arial Font Size: 16 Line Height: 24 |
||
Text: | Body | Hyperlink | Buttons | |
Color: Dark Gray |
Color: White Font: Helvetica Font Size: 13px |
|||
Buttons: | Primary | |||
Padding: M Radius: 0 |
RSS Style 1: Title - Text - Full Width
Steps to create:
Select Layout:
Settings used to create the style shown above:
Borders: | Primary | Secondary | Tertiary | Buttons |
Background Color: | Primary | Secondary | Tertiary | Buttons |
Headers: | H1 | H2 | H3 | |
Color: Black |
Color: Black Font: Arial Font Size: 18 Line Height: 27 |
Color: Black Font: Arial Font Size: 16 Line Height: 24 |
||
Text: | Body | Hyperlink | Buttons | |
Color: Dark Gray |
Color: Blue | Color: Black Font: Arial Font Size: 14px |
||
Buttons: | Primary | |||
Padding: M Radius: 0 |