List Modules

Frost 2.0 provides a module type called "List". Lists are multiple links of promoted content grouped together under an optional title and description. Lists can be configured as a manual list (basic), a fully curated list (advanced) or a dynamic list. Dynamic lists provide editors with the ability to choose queries for the list to refresh with new content. Each list also can also display each item with a max height (grid), let the height of the card in each list grow or shrink with the content (masonry), or have arrows added to click thru horizontally to new items (carousel). View the List options in Frost 2.0 below.

List Title: Accordion

List Description: The list is a group of items that are collapsed and have the ability to open by clicking on the arrow on the right. This module can be used for FAQ's for example.
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read

List Title: Card Background Style

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 also becomes the background of the card, so there is also the ability to change the text color.
willian-justen-de-vasconcellos-t4hA-zCALUQ-unsplash.jpg
Promoted content description
clipart-man-head-8.png
By Author
October 14, 2020
1 Min Read
willian-justen-de-vasconcellos-t4hA-zCALUQ-unsplash.jpg
Promoted content description
clipart-man-head-8.png
By Author
October 14, 2020
1 Min Read
willian-justen-de-vasconcellos-t4hA-zCALUQ-unsplash.jpg
Promoted content description
clipart-man-head-8.png
By Author
October 14, 2020
1 Min Read

List Title: Card Image on Top (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.
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read

List Title: Card Text Only Style

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 card top bar can be hidden, and the color of the bar can be changed as well.
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020

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 Style: Large Image on Side Multi Promo

List Description. This list can have an image right aligned or left aligned, and the Items can have optional links, or this can be a static module that keeps the user on the page.
ty-lorenz-6Yeh-Fy8Aa4-unsplash.jpg

List Style: Large Image on Side Multi Promo

List Description. This list can have an image right aligned or left aligned, and the Items can have optional links, or this can be a static module that keeps the user on the page.
Item 1 in List: Description
Item 2 in List: Description
Item 3 in List: Description

List Style: Large Image on Side Rotating Promo Style

This list style is called Large Image on Side Rotating Promo. This list holds a recommended minimum of three or four items. Each promo item can be linked, or no link. The seconds on the auto-rotation can be configured by an editor, with the default being five seconds.
Item 1 in List: Description
Item 2 in List: Description
Item 3 in List: Description
Item 4 in List: Description.
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.

List Title: Media Thumbnail Style

This style is a grid of images with the linked content information (title and duration) displaying below.

List Style: Large Image on Top Rotating Promo Style

This list style is called Large Image on Top Rotating Promo. This list holds a recommended minimum of three or four items. Each promo item can be linked, or no link. The seconds on the auto-rotation can be configured by an editor, with the default being five seconds.
Item 1 in List: Description
Item 2 in List: Description
Item 3 in List: Description

Book your personalized walk-through today!

Frost is powered by the Brightspot content business platform. Learn more about how Brightspot can move your business forward.