×

The following are design guidelines for e-mail communications via various platforms.

MailChimp

To create a template on MailChimp, follow the steps below:

1. Login to your MailChimp account

2. Go to Campaigns >> Email Templates >> Create Template

3. Scroll to Basic section >> Select 1 Column

When in the template edit window, click the Style tab and enter the following style values:

Page Styles:

Background Style = Color: #525252 or #fafafa

Border Top = None

E-mail Border = Solid; 1px; #525252 or None

Heading 1 = Font: Arial, Size: 20px or 18px, Color: #000000 or #202020, Style: Bold, Align: left, Line height: Double space, Spacing: Normal

Heading 2 = Font: Arial, Size: 18px or 16px, Color: #000000 or #202020, Style: Bold, Align: left, Line height: Double space, Spacing: Normal

Heading 3 = Font: Arial, Size: 16px or 14px, Color: #000000 or #202020, Style: Bold, Align: left, Line height: Double space, Spacing: Normal

Heading 4 = Font: Arial, Size: 14px or 12px, Color: #000000 or #202020, Style: Bold, Align: left, Line height: Double space, Spacing: Normal

Preheader Styles:

Background = Color: #e6e7e8 or #fafafa

Border Top = None

Border Bottom = None

Padding Top = 5px or 10px

Padding Bottom = 5px or 10px

Preheader Text = Font: Arial, Size: 12px, Color: #000000 or #656565, Align: center or left, Line height: Normal or 1 1/2 spacing

Preheader Link = Color: #525252 or #656565, Style: Underline

Header Styles:

Background = Color: #830f36 or #922247;

Border top = none

Border bottom = none

Padding top = 10px

Padding bottom = 10px

Header Text = Font: Arial, Size: 16px, Color: #ffffff, Align: left, line height: 1 1/2 spacing

Header link = Color: #ffffff, Styles: underline

Body Styles:

Background = Color: #ffffff

Border top = none

Border bottom = none

Padding top = 0px or 25px

Padding bottom = 10px or 25px

Body Text = Font: Arial, Size: 14px, Color: #000000 or #202020, Align: left, Line height: 1 1/2 spacing

Body Link = Color: #922247, Styles: underline

Footer Styles:

Background = Color: #ffffff or #fafafa

Border top = solid 1px #959595 or None

Border bottom = none

Padding top = 0px

Padding bottom = 0px or 25px

Footer Text = Font: Arial, Size: 12px, Color: #000000 or #656565, Align: left, Line height: slight or 1 1/2 spacing

Footer Link = Color: #959595 or #656565, Styles: none or Underline

Mobile Styles:

Heading 1 = Size: 16px or 18px, Line height: double space

Heading 2 = Size: 14px or 16px, Line height: double space

Heading 3 = Size: 13px or 14px, Line height: double space

Heading 4 = Size: 12px, Line height: double space

Boxed Text = Size: 12px, Line height: 1 1/2 spacing

Preheader Visibility = Display: show

Preheader Text = Size: 10px or 12px, Line height: normal or 1 1/2 spacing

Header Text = Size: 11px or 16px, Line height: normal or 1 1/2 spacing

Body Text = Size: 12px or 14px, Line height: 1 1/2 spacing

Footer Text = Size: 10px or 12px, Line height: slight or 1 1/2 spacing

Image Styles:

Top/Lead Image = Width: 600px, Height: can vary, Resolution: 72px/in, Edge to Edge, Align: Center, Fill in Link and Alt tags

Image for 2 columns with equal width = Max Width: 240px, Resolution: 72px/in

Image for 2 columns with narrow width = Max Width: 170px, Resolution: 72px/in

LUC Logo for Footer = Download Here

4. Name and Save your new template. You can now use it when you create a new campaign on MailChimp.

Useful Links:

Click here to view a sample E-mail campaign sent via MailChimp

MailChimp Login: https://login.mailchimp.com/

MailChimp Contact: https://mailchimp.com/contact/

MailChimp Pricing: https://mailchimp.com/pricing/

MailChimp 101: https://mailchimp.com/resources/mailchimp-101/

MailChimp Support: https://mailchimp.com/help/

 

Outlook 365

  • To create an HTML e-mail using Outlook 365, you must first create the HTML file on your hard drive. This requires basic knowledge of HTML coding. Click here to download LUC's basic e-mail template. Watch this video tutorial for step by step instructions on how to send an HTML email with Outlook 365.

  • Click here for instructions on how to add the 150-Wordmark to your E-Signature.

Poppulo

UMC leverages Poppulo to reach the Loyola community via email. If you need to communicate something or promote an upcoming event to all students, faculty, and staff via email, we are able to support. We are also able to pull segmented email lists if you need to reach a targeted student, faculty, or staff audience.

If you have an e-mail communications need, please send UMC the approved message 5 business days in advance of the targeted distribution if possible. UMC will provide a formatted test message for you to review before the communication is distributed.

Contact Person: Anna Shymanski, ashymanski@luc.edu