Email Marketing Style Guide
Header Image
Here’s how to create your header image:
- Reference the two header image layout options illustrated below.
- Create your header image at 1200x300px and save it at 72 dpi.
- Plug in the header image at the top of your template.
- Link your header to your department’s web page.
- Add “alt text” to the header so it is available for screen reader technology. Learn more about alt text.
Header image layout 1—for internal audience
Header image layout 2—for external audience
When communicating with a mixed audience—both external and internal—use the “external audience” layout.
Background
The email newsletter background should be white and full width. Select a template that uses this format.
Text
All newsletter text is Arial—an approved NAU institutional font. This includes header and body text.
All header text and hyperlinks are NAU True Blue: R0 G51 B102 | HEX 003466
All headers are bold, sized at 24 pt, and consistent throughout the newsletter.
Sub header text (if necessary) is 16 pt, bold, and NAU True Blue.
Body text is black.
- 14 pt should be used for in-depth writing (more than one short paragraph), including anything with sub headers.
- 16 pt can be used for short paragraphs.
All newsletter text is left aligned.
Images
- Save images using PNG or JPG format.
- Make sure to add alt text to the photos for screen reader technology. In some cases, it is helpful to add a link to your photos. For example, if you’d like to take the subscriber to an article on your website that is related to the photo, add a link to your photo.
- NAU Marketing has established an online photo gallery as a good source for photography that meets brand requirements. Go to Widen and login with your NAU credentials.
Accessibility
This Style Guide has been designed to ensure you create an accessibility compliant e-newsletter. Key aspects of accessibility include: presenting your information in a logical reading order, including text alternatives for images, ensuring contrast between text and background, and including a descriptive subject line. Click here to learn more about NAU’s Accessibility Policy
Links
- color palette
- photographic style
- design references