Component Library

Universal header

This inlcudes member details in the top right such as first name, last name and profile picture, which helps to mitigate phishing, and provides a personalized experience. The LinkedIn logo appears in the top left. It's a requirment that it's inlcuded in all GMO deployed emails.

Branding bar

Used at the top of emails directly below the universal header. A LinkedIn logo should be included for better brand recognition. Can be used for marketing, promotional, welcome and other one-time announcements.

Banner

The banner allows us to share pertinent content regarding what the email is about, and can contain a CTA button. The banner is an integral part of the email design, and is used to draw contacts in, communicate the message, and connect visually.

Center aligned banner w/ button

This is a center aligned banner with header, sub-header and CTA button
Center aligned banner w/ text link

This is a center aligned banner with header, sub-header and hyperlinked copy
Center aligned banner w/ CTA text and icon

This is a center aligned banner with header, sub-header, hyperlinked copy, and an icon
Left aligned banner w/ button

This is a left aligned banner with header, sub-header and CTA button
Left aligned banner w/ text link

This is a left aligned banner with header, sub-header, and hyperlinked copy
Left aligned banner w/ button and icon

This is a left aligned banner with header, sub-header, button, and icon
Right aligned banner w/ button

This is a right aligned banner with header, sub-header and CTA button
Right aligned banner w/ button and icon

This is a right aligned banner with header, sub-header, CTA button, and icon.
Right aligned banner w/ text link

This is a right aligned banner with header, sub-header, and hyperlinked copy
Right aligned banner w/ text link and icon

This is a right aligned banner with header, sub-header, hyperlinked copy, and icon

Sub-banner

Sub-banners allow us to incorporate the secondary or tertiary message of the emails. It also aids to divide the content into sections that are easy to read and understand. It can include a headline, sub-headline, CTA button and text link.

Body

The body component of the email will deliver the bulk of the content for our messages. We can inlcude copy, bullet points, images and CTA's.

Centered with headline, image, and button

This is a centered body that contains a headline, image and button
Centered with text only

This is a text only body section
Left aligned with text only

This is a text only body section left aligned
Left aligned with headline, text, and button

This is a left aligned body section with a headline, text, and a button
Left aligned with headline, text, and text link

This is a left aligned body section with a headline, text, and a text link
Centered with headline, image, and button

This is a left aligned body section with a headline, text, image and button
Image only

This is a body section that contains an image only.

Basic List

The basic list component is effective in displaying a group of related information in a consistent and respsonsive way. The basic list consists of of 4 main elements:

Speakers - delivevers speaker information for events or as the email sign-off
Statistics - key for highlighting important stats or trends.
Logos - for displaying associated companies or highligting customer testimonials.
Value Prop - Reinforces the key message of the email.

Speaker

Used to display an event speaker or used for email sign-off
Statistic [2 horizontal]

Statistic basic list with 2 points
Statistic 3 wide

Statistic basic list with 3 points
Logo

Used to display company logo's
Centered with icon and text link

A basic list that includes an icon and text link
Centered with icon and text link

A basic list that includes an stat and text link
Value prop with stat and text link

Value prop section with stat, text, and text cta
Value prop with icon and button

Value prop section with icon, text, and button
Value prop with text and button

Value prop section with text and button
Value prop with icon, headline, text and button

Value prop section with an icon, headline, text and button

Basic Card

The basic card component is an excellent way to quickly display a ‘call to action’. This component supports displaying a headline, sub-headline and a link with the option to include an image or icon. The bassic card testimonials is a strong way to quickly reinforce your emails value prop.

Right aligned copy with CTA button - #52

Right aligned copy basic card with an image and CTA button
Right aligned copy with text link - #53

Right aligned copy basic card with an image and text link
Right aligned copy with text link and play overlay - #55

Right aligned copy basic card with an image, text link and play button overlay
Centered image with header, button and text - #56

A large centered basic card image with headline, copy, and CTA button
Left aligned copy with text link - #59

Left aligned copy basic card with an image and text link
Left aligned copy with CTA button and play overlay - #60

Left aligned copy basic card with an image, CTA button and play button overlay
2 resources with text links - #65

2 resources with copy and 2 text links
2 resources with buttons - #66

2 resource layout with CTA buttons and play button overlay
Testimonial with image - #68

Testimonial layout with an image
Testimonial without image - #69

Testimonial without image

Section Dividers

Section dividers are standalone components that allow for easy customization, personalization within the email. They can be used to separate components.

Universal Footer

The universal footer includes a link to unsubscribe from email communications, as well as update their email preferences. In addtion, the reason for email, logo, and copyright/address. This is a requirment for all GMO emails regularly deployed.