Two Col Image And Text

Featured Content – Two-Column Image + Text

Overview

This module offers a great way to offer secondary (but important) content to your users. Often, this module can be located underneath a Full Card – Featured Content module, representing a secondary and tertiary content suggestion. It features two side-by-side content displays with an image, title, description text, and call-to-action text.

Visual

Specs

• Image – mandatory – are always 16:10 ratio (800×500 pixels); must be on-brand
• Titles – mandatory – are:
  • #000000 color
  • Neue Haas Grotesk Bold 75 (or location-specific equivalent)
  • 25px line height
  • 10px bottom spacing (between heading and either description text or link underneath it)
• Description text is:
  • #2a2a2a color
  • Neue Haas Grotesk Roman 55 (or location-specific equivalent)
  • 26px line height
  • 10px bottom spacing (between heading and either description text or link underneath it)
• Left Link / Right link – mandatory – is a hyperlink that is:
  • #7f35b2 color
  • Bold / Neue Haas Grotesk Bold 75
  • Includes the space + chevron after the CTA text

Usage notes

It is permissible to use this module to group multiple pieces of content in a similar fashion, but they must be even (2, 4, 6…). If you have an odd number of items to be featured, take one of those articles and display it in a Full Card – Featured Content module or another similar module. Or, consider using the display of alternating articles found in the Two-Column Image Left/Text Right options.

• Do not use this module alone with only one element; it will break the display in multiple views, especially mobile.

• Never use the term “click here” in a call-to-action link.

Marketo module configuration

All of the information below must be completed if using the default module. Description text is optional.

Do not update the local variables of this module unless you are toggling the top or bottom spacing to adhere to spacing guidelines.

Video: Using the Two-Column Image + Text Module