Featured articles (dynamic)

PATTERN OVERVIEW

The featured articles pattern showcases three thought leadership articles (from a Content hub) in a single row. The content is dynamically populated by pulling the heading, copy, image and link from the insights article pages that are featured.

Note: This pattern replaces the AEM Resource slider carousel and the AEM Cross Promo Area component which have been retired as of 7/2020.

Guidelines

• Use to feature content that is related and or relevant to the the message, audience and purpose of the page.
• The heading, image, descriptor, copy that are displayed are pulled from information added to the page properties of the insights article page that are featured.
  • Title is pulled from the "Navigation Title" field under the "More Titles and Description" category, within the "Basic" tab. 
  • Copy is pulled from the "Subtitle" field under the "More Titles and Description" category, within the "Basic" tab. 
  • Image pulls from the "Image path" field in page properties. 
  • Category label is pulled from "Tags/Keywords" field under the "Title and Tags" category, within the "Basic" tab. 
• The featured articles component should appear directly above the CTA bar pattern — see examples below. 
  
• Place the featured articles(s) component inside a one column (full) control and set the background color to off white (light gray) to avoid a white gap appearing between the CTA bar.

AEM component: Use the Featured articles(s) component to build this pattern.

Note: All font and button styles are built into the component and cannot be alterted by a content author.

specifications

Section header:  Use "Latest thinking from Optum" on 100-level pages and "Related content" on 200-400 level pages and insights article pages.

Insights article page:

• Category label character count: 45 characters (including spaces).
• Title character count: 60 characters (including spaces). 
• Copy character count:  140 characters (including spaces). 
• Image size: 500 x 350 px