Client success stories

PATTERN OVERVIEW

Highlight compelling client success stories.

Guidelines

• Use a photo or stock image to add interest. Do not use a screen grab of the actual success story PDF as the photo.
• Include a link to the full story to allow the reader to learn more.
• When possible, include the client logo to help establish credibility.
  
• Copy should include reliable and compelling data points to help bring the story to life. 
• Background color should be white. A light gray background can be used if the content needs visual separation from the content directly above or below it.
  
• Consider adding a single pull quote from one of the success stories below this pattern.
  

AEM component: Use a column control, adaptive image, and text3 to build this pattern.

specifications

Section heading (H2): Use "Client success stories" on 100-, 200-, 300-, 400-level pages.

Subheading: 45 characters or less (including spaces).

Body copy: 140 characters or less (including spaces). No more than three lines.

Image: When featuring two stories the image should be 1080 x 720 px and 540 x 360 px when featuring three stories.  

Type: For headings, use sentence case, no punctuation. For copy, use sentence case, with complete and punctuated sentences.

Type alignment: Left aligned

CTA style: Button link or basic reverse