This list style is called Lede Promos with Medium Image. This list holds a recommended minimum of three, and a forced maximum of four items. This is how the first item in the list displays, and the image may be left or right aligned. The three additional items are smaller, have no image and show below in a horizontal display. The text in each promo is also align-able via the style interface.
Media Module
This media module allows editors to promote video, image or audio files with a title and description. In this example, the video provider and player is YouTube — an out of the box provider option.
List Title: Logo Only Style: Grid
List Description: The list background may be an image or a color from the palette. There may be 2, 3, or 4 logos an optional promotion links per row. This style also has an optional CTA (Call to Action) link.
List Title: Simple Grid (3 Items)
List Description: The list background may be an image or a color from the palette. There may be 1, 2, 3, 4 or 5 cards per row. This list style also has editorial options to either show or hide the following design elements: List Title, List Description, Card Section, Card Author, Card Description, Card Read Time / Duration, Card Button and CTA Button. Note: The image on each card may also be changed to be bottom aligned, and the card text can be either centered, left or right aligned. This is the Grid programmed with 3 items.
Promoted content description. This description is the longer than the other card descriptions in the list. It will become the tallest in the grid list of card items. The other cards will grow to match this card's height.
1 Min Read
List Title: Image on Top, Circular Style: List
List Description: The list background may be an image or a color from the palette. There may be 1, 2, 3, 4 or 5 items per row. This list style can be a grid, carousel or masonry list. Note: Editor also has editorial options to either show or hide the CTA Button.
Promoted content description
Promoted content description
Promoted content description
Promoted content description
Promoted content description
Promoted content description
Promoted content description
Promoted content description
List Title: Quote Full Width Style: Carousel
Choose multiple quotes to appear as slides in a carousel. Each slide can either be a background image or color. Text color and alignment can be changed per each slide.
Choose multiple quotes to appear as slides in a carousel. Each slide can either be a background image or color. Text color and alignment can be changed per each slide.
Attribution text
Quote text quote text quote text quote text quote text quote text.
Attribution text
Quote text quote text quote text quote text quote text quote text.
Attribution text
Promo Description: The optional promo background may be an image or a color from the palette. Editors can control the opacity of the overlay to make text easier to read. This promo style has a separate field for mobile images to control the media at smaller breakpoints. Text color and alignment can be controlled by editors as well. Note: The button text and color are editorially defined as well.
