Content collection (curated)

PATTERN OVERVIEW

A content collection showcases a curated collection of content. Typically a collection includes a mix of content types such as video, blog article, podcast, etc., all relating to a common theme.

Guidelines

• Each piece of conent includes a call-to-action button and drives to a landing page.
   
• A video can be set up to play directly on the page or a CTA can drive traffic to video landing page that prominently features the video at the top of the page.
   
• The content type can be added as a eyebrow headline (descriptive keyword or phrase) above the heading to give users a cue to what the content is about before they commit to reading. Examples include White paper, Case study, Video, Blog article, Podcast, or Success story  or "Latest News".
  
  
• In place of eyebrow headline, a badge can be placed above the headline to set special content apart from other content on the page. A badge is typically something  that is earned.  Examples include "Spotlight" , "Featured story" or "Most popular".
  
  
• Use impactful photography to help increase curiosity and click-throughs.
  

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

specifications

Category label / Eyebrow headline / Badge: 1-3 descriptive keywords. 

Heading character count: Up to 60 characters (including spaces). Ideally a heading for a large image should fit on to one line and no more than three lines for a small image.

Copy character count: Up to 115 characters (including spaces).

Large image: 1080 x 720 px

Small image: 540 x 360 px

Type: For headings, use sentence case, no punctuation (unless necessary, such as a question mark). For body copy, use sentence case with complete and punctuated sentences.

Type alignment: Left aligned.

Button style: Basic reverse button (not large) or a button link.