BehaveRespectfully LookDistinctly MovePurposefully SpeakAuthentically ThinkSimply heart_icon

Emails

Email templates support consistency across all of MetLife’s consumer messaging by defining layout, sections and spacing.

Structure

Our emails are composed of three parts: header, body and footer. The header and footer are persistent and the body can accommodate different types of content.

structure

Text Emails

This is an example of an email with text only. The amount of content will drive the height of the container.

Download code: ZIP | View Example: HTML

Desktop view shown for illustrative purposes:

text only email

Newsletter

This is an example of a newsletter email displaying thumbnails on the left side and content on the right.

Download code: ZIP | View Example: HTML

Desktop view shown for illustrative purposes:

email newsletter

Newsletter with Banner

This is an example of an email with a hero image. The hero image should be 600 pixels wide and takes the full width of the container.

Download code: ZIP | View Example: HTML

Desktop view shown for illustrative purposes:

newletter with Banner

Co-branded Email

Co-branded emails always have the secondary brand aligned on the right side.

Download code: ZIP | View Example: HTML

Desktop view shown for illustrative purposes:

co-branded email

Downloads

  • Text Email: ZIP
  • Email with Banner: ZIP
  • Newsletter Email: ZIP
  • Newsletter with Banner Email: ZIP
  • Co-branded Email: ZIP


Have any questions? email us at ux@metlife.com.