Applying the Brand
University of Maryland units produce more than 200 different e-newsletters and thousands more standalone email communications every year to share information with their communities. Using the university's visual identity and following best practices for email communications will ensure that our messages are clear and impactful and ultimately strengthen the UMD brand.
These guidelines do not apply to emails sent between colleagues, faculty and student correspondence, or individual daily messages — they are intended for official mass email communications sent on behalf of the University of Maryland and its divisions, departments, centers, institutes, etc.
Email Design
Keep readers engaged with eye-catching images and an intuitive layout. The Office of Marketing and Communications (OMC) has developed templates that adhere to email design best practices and feature the university’s visual brand identity.
All emails should incorporate one of the University of Maryland’s Fearlessly Forward headers in red or black.
To be CAN-SPAM-compliant, your email will need a physical address and an unsubscribe link. Campus partners should use one of the two formats below:
Color
Follow the University of Maryland’s brand color guidelines when designing your emails.
- Red (#e21833)
- White (#ffffff)
- Gold (#ffd200)
- Black (#00000)
Fonts
These three digital fonts adhere to the brand typography guidelines and should be used for all email communications:
- Arial
- Crimson Text
- Source Sans
- Roboto Condensed
Text Styles
| Email Newsletters | Email Letters | |
|---|---|---|
| Headings | Heading 1 - 30px Heading 2 - 24px Heading 3 - 20px Heading 4 - 18px | Heading 1 - 20px Heading 2 - 18px |
| Body Text | Body text - 16px, black (#000000) or dark grey (#454545) | Body text - 16px, black (#000000) or dark grey (#454545) |
Padding
Apply 20px padding around all sections to create white space between email elements. Text should never span the full width of your section. Embrace white space to make paragraphs easier to read and improve clarity.
Text Blocks
Left-align blocks of text. Centered paragraphs can be harder to read and can create extra spacing.
Mobile-Friendly Formatting
Emails must be readable and functional on all mobile devices. Poor mobile formatting can lead to missed information or user drop-off. Learn three ways to create mobile-friendly emails.
Visual elements play an important role in capturing recipients’ interest but should be used strategically and sparingly. Emails that are too image-heavy can create a poor user experience, hurt your email’s accessibility or cause emails to load more slowly than usual.
Images need to be clear, high-quality and no bigger than 500KB (AlumniQ) or 5MB (Salesforce Marketing Cloud). Accepted file types include JPEG, PNG and GIF.
Standard image sizes:
- Email Header: 16:9 ratio, 1920 x 1080 px
- Email Body Banner: 2:1 ratio, 1080 x 540 px
- Email Strip Banner (2 Column): 16:9 ratio, 230 x 129 px
- Email Strip Banner: 5:1 ratio, 500 x 100 px
Accessibility
Accessible emails ensure that all members of the University of Maryland community can engage with our content. In alignment with updated Americans with Disabilities Act (ADA) requirements for digital accessibility, all UMD email communications must abide by ADA digital accessibility requirements.
Alt Text
Apply alternative (alt) text to all images — photos, graphic, icons and logos — so content is accessible to screen readers and remains usable if images do not load.
- Describe what is shown in 125 characters or fewer
- Do not use phrases such as “image of…” or “picture of ... ."
Adding Alt Text in Alumni Q
- Open the email builder and select the image you want to add alt text to.
- The right-side panel will appear.
- Under the Content tab, add the image URL (if applicable) and enter the alt text.
Adding Alt Text in Marketing Cloud
- In Email Studio, open your email and select the image you want to add alt text to.
- The left-side panel will appear.
- Under the Content tab, add the image URL (if applicable) and enter the alt text.
Color and Contrast
Color choices must support readability for all users. Poor contrast can make content difficult or impossible to read.
- Maintain sufficient contrast between text and background colors.
- Do not rely on color alone to convey meaning.
- Use approved UMD brand color combinations that meet accessibility standards.
- Allow sufficient white space around text blocks and visual elements.
Typography
Typography plays a critical role in readability and comprehension. Clear, consistent text ensures content is legible across devices and assistive technologies.
Use simple, UMD-approved, web-safe fonts.
- Body text should be at least 16px, footer text at least 14px and headings should be larger than either (see the Design section above for guidance on heading sizes).
- Avoid excessive use of all caps, italics or decorative fonts.
- Use bold text sparingly for emphasis on clarity.
Structure and Hierarchy
A clear structure helps users quickly understand and navigate email content. It also ensures compatibility with screen readers, which rely on logical content order.
- Use headings and subheadings in sequential order (H1, H2, H3, etc.).
- When using a drag-and-drop email editor such as AlumnIQ or Marketing Cloud, apply heading styles rather than simply increasing font size or bolding text. This ensures proper semantic structure for accessibility tools.
- Break content into short paragraphs or bulleted lists.
- Keep layouts simple and predictable.
- Place key information near the top of the email.
For HTML-coded emails:
- Use proper semantic HTML elements such as <h1>, <h2>, <p> and <ul>/<ol> to establish a logical content hierarchy.
- Avoid using tables for layout. If tables are necessary, assign role="presentation" so they are ignored by screen readers.
- Define the document language using the (lang) attribute.
Hyperlinks
- Use UMD red or black underlined hyperlinks consistently throughout the email.
- Bold links when possible for added visibility.
- Describe the content or action behind the link. Example: Watch the 2023 Graduate Commencement Ceremony
- Do not use “click here” or “view here.”
- Avoid hyperlinking just one word.
Buttons
Use buttons to highlight a primary call to action (CTA) and guide users toward the most important next step.
- Use sparingly.
- Have a clear CTA. (What do you want readers to do?)
- Be concise (up to four words) and descriptive.
- Start with a verb (register, buy, download, etc.).
- Determine the best color, font and background combination that meets accessibility requirements.
- For a mobile-friendly design, use CTA buttons with a minimum width of 44 pixels and height of 44 pixels.
Plain Text
All emails must include a plain text version to ensure content is accessible across all email clients and assistive technologies.
- Preserve the order and meaning of the HTML content.
- Include full URLs in brackets after links. Example: [https://brand.umd.edu/email-essentials]
- Avoid unnecessary symbols or formatting.
Adding Plain Text in AlumnIQ:
- Open the email builder and scroll to the Plain Text Body section (typically located in the middle of the page).
- Once your email is finalized, enter the plain text version.
- Format it properly, including adding links in brackets and removing unnecessary spacing or formatting.
- Save your changes.
Adding Plain Text in Marketing Cloud:
- In Email Studio, click the Content tab, then select the Plain Text tab located under the Subject and Preheader fields.
- Enter and format your plain text version, including adding links in brackets and removing unnecessary spacing and formatting.
- Keep the personalization strings at the bottom of the email (Ex., %%Member_Busname%%, %%Member_Addr%%, %%Member_City%%), as they are unique to each subscriber.
- Save your changes.
PDFs and Attachments
Attachments and linked documents must be accessible to all users. Consider web-based alternatives when possible; PDFs should be used only when necessary.
Pre-Send Checklists
- Email preview renders correctly across mobile, desktop and different email clients (Gmail, Yahoo, Outlook, etc.).
- HTML is accompanied by plain text that includes all hyperlinks in brackets.
- Links work and are tracked appropriately (Ex. UTM parameters).
- There’s enough white space around text blocks and visual elements.
- Content has a logical flow with good line spacing and readable fonts.
- Dynamic content and personalization are tested and fallbacks are in place.
- Calls to action are strong and compelling.
- Spelling and grammar are reviewed.
- Footer includes a physical mailing address, contact information and unsubscribe link.
- If your email can be viewed in a browser, the header reads: “View this email message as an accessible web page.”
- Copy and background colors pass the color contrast test.
- There’s enough white space around text blocks and visual elements.
- HTML is accompanied by plain text that includes all hyperlinks in brackets.
- Copy avoids the phrases “click here” or “view here.”
- The minimum font size for copy is 16px.
- Alt text is included for all images, and decorative images are marked as decorative.
- Text is aligned left (no justified copy).
- Email is not too image-heavy.
- Links are clickable/tappable and clearly descriptive.
- Buttons are used for primary CTAs, are labeled clearly and meet minimum size requirements (44px × 44px).
- Email is mobile-friendly (single-column layout, adequate spacing, readable text).
- Linked PDFs or attachments are accessible and descriptive, including file type.
- For drag-and-drop templates: Use heading styles rather than just making text larger to create hierarchy.
- Headings and content follow a clear, logical structure.
- Semantic HTML elements are used (<h1>, <h2>, <p>, <ul>/<ol>).
- Tables are avoided for layout; if used, they include role="presentation."
- Document language (lang) is set for HTML-coded emails.
Workflows
Template Approvals
To ensure brand consistency and uphold the university's brand identity, the Office of Marketing and Communications (OMC) has established an email template approval process for all new templates used in Salesforce Marketing Cloud (SMC). This workflow also ensures that email templates meet best practices and accessibility standards, contributing to effective and credible email communications.
- Template Review and Approval: OMC will review and approve all email templates before they are imported into Marketing Cloud and made available to business units.
- Ongoing Template Audits: Any new templates created after the initial audit will also need to be reviewed and approved by OMC.
- Email Send Approvals: For newly onboarded business units, OMC will review and approve the first three email sends to ensure adherence to email best practices. This will be managed through Marketing Cloud's approval workflow, which prevents emails from being sent until they receive OMC approval.
Standardized Email Preference Centers
To ensure effective communication and reduce email fatigue, campus partners using SMC should implement a clear and organized subscription category strategy. This approach allows recipients to customize the information they receive, ensuring that communications are relevant and aligned with their interests.
All emails containing marketing content are considered commercial emails, and subscribers must have the option to opt out of the list used to send the email. This includes newsletters, event invitations and promotional offers.
- Subscription Category Audit: An audit of subscription categories will be conducted during the onboarding process to streamline options.
- Unsubscribe Options: All email templates must include at least one of the following unsubscribe options:
- One-Click Unsubscribe: Allows recipients to opt out of the specific publication list used for that email with a single click.
- Email Preference Center: Enables recipients to manage all of their UMD email subscriptions and choose their communication preferences.
This approach will help maintain an organized subscription system and enhance the recipient's experience.
Scheduling Alumni and Donor Emails
The Office of Marketing and Communications manages a centralized email calendar for all alum and donor email communications. This workflow applies to alum or donor audiences of 1,000 or more recipients. It helps reduce redundant messaging, minimize unsubscribes, efficiently coordinate critical communications and promote collaboration.
- Ten days before your desired send date, complete the email request form and select “secure email send date and time.”
- Three business days before your assigned send date, complete the email request form and select “check and release email.”
- Follow this naming convention to allow OMC to easily identify emails targeting alums and donors: Business Unit - Email Name (Audience) - Email Send Date
Contact
Email emailrequest@umd.edu to request a campuswide communication.
Complete the email request form to:
- Secure an email send date and time,
- Schedule a check-and-release email,
- Open a new email design request, or
- Seek other email marketing support.
A member of the OMC email marketing team will reach out if there are any questions regarding your request or if there is a conflict with the requested send date and time.
Contact the email marketing team in the Office of Marketing and Communications at marketing@umd.edu with any questions.