Overview

See every variation of this pattern full size as it currently looks in AEM Cloud. Resize your browser to view breakpoint behavior.

Emphasizes features, benefits, or capabilities in a more conversational form. 2-4 benefit statements. 

1. Headline: Required in AEM. Characters: ~60
2. Lead-in Paragraph: Required in AEM. Summarize the featured content. Characters: ~180
3. Benefit Subhead: Speaks to the value and outcomes that customers can expect. Characters: ~40
4. Description: Characters: ~210

Adds a single callout when there is an impressive data point that quantifies the values. 

Note: Becaue the right side of this variation contains a Card component, an image can be added above the Callout Number (see example lower on the page). And some or all elements below the image can be deleted.  

1. Callout Number
2. Callout Subhead: Summarize the data point. Characters: ~40
3. Callout Description: Characters: ~180

1. Quote: Include a customer quote that illustrates the value proposition. Characters: ~180
2. Customer Name: Customer name and if possible, their job title, separated by a comma. Characters: No limit. Do not truncate.
3. Company Name: Company name and industry. If you cannot include the name of the company for privacy reasons, anonymize it by stating the industry, and, if applicable, a Fortune ranking.  Characters: No limit. Do not truncate.

Adds multiple callouts when there are impressive data points that quantify the value of the product or solution. The pattern holds 2-3 data points. 

1. Description: Characters: ~210

Note: while the Video in this variation can be replaced by an image, the Qualitative and Quantitative Callout variation will handle images better, and won't require a Title below the image. 

1. Video Thumbnail: The video thumbnail is a 16-by -9 image of a still that best represents the video. Title is required in AEM. Characters:~60  

Provides a collection of links around a particular topic. 

1. Links: Up to 8 links. Characters: ~40

Often used on wayfinding pages like Product Category to provide a very brief introduction before shifting into the hub patterns below.

Used when there is only a single benefit to promote with a supporting video. 

1. Bullets: Characters:~60 (very fluid)
2. Text CTA: Characters:~40

AEM notes: This is built off of the Qualitative with Quantitative Callout variation, as that variation provides a Card Component on right. The Card Component provides imagery settings relevant to image types such as logos. 

This information relates to Design v3.1 of this pattern.