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
Examples
Example 1 — Featuring two stories
Client success stories
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Delta Air lines
Learn why Delta Air Lines partners with Optum to improve the health of its workforce.
Nationwide®
In six years (2009–2014) Nationwide’s EAP utilization rate increased from 8.8% to 11.7%.
Example 2 — Featuring three stories
Client success stories
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Lorem ipsum dolor sit amet consectetur elites
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Lorem ipsum dolor sit amet consectetur elites
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Lorem ipsum dolor sit amet consectetur elites
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlun.
Example 3 — Heading is centered above three stories
Client success stories
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Lorem ipsum dolor sit amet consectetur elites
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Lorem ipsum dolor sit amet consectetur elites
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.
Lorem ipsum dolor sit amet consectetur elites
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minimlu.