Content blocks

PATTERN OVERVIEW

Feature three items grouped into a block. A heading, body copy and CTA appear over a photo. The component applies a white linear gradient over top the left side of the image to enhance the legibility of the copy.

Guidelines

• Left side of the image should not be too busy so that the type can easily be read. 

Options: Multiple instances of this pattern can be nested together.

AEM component: Use the "Thought leadership" component to build this pattern. 

Requirements

Heading: Up to 40 characters max (including spaces)

Copy: Up to 60 characters max (including spaces)

Image size: 

• Feature image (top image): 1280 (w) x 180 (h)
• Small image: 640 x 225

Button: Maximum character count is 20 characters (including spaces). 

Type alignment: Left aligned