Masonry List Modules

Frost 2.0 Masonry Lists options are 1, 2, 3, 4 or 5 across in a list. The height of the cards or items in the list are responsive, meaning they grow and shrink with the characters in the card. Each card is its own height.

List Title: Simple Masonry (2 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 Masonry programmed with 2 items.
clipart-man-head-8.png
By Author
October 14, 2020
Default Frost 2.0 Article Subheadline / Promo Description. This description field can be programmed with the most text of the modules in the row and this card will be taller than the second card in the list.
1 Min Read
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description
1 Min Read

List Title: Simple Masonry (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 Masonry programmed with 3 items.
clipart-man-head-8.png
By Author
October 14, 2020
Promoted content description. This description field can be programmed with the most text of the modules in the row and this card will be taller than the other cards in the list. The masonry list's card height will grow based on the amount of text in the card.
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: Simple Masonry (4 Items)

List Description: The list background may be an image or a color from the palette. There may be 2, 3, or 4 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 Masonry programmed with 4 items.
clipart-man-head-8.png
By Author
October 14, 2020
Default Frost 2.0 Article Subheadline / Promo Description. This description field can be programmed with the most text of the modules in the row and this card will be taller than the other cards in the list.
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
Promoted content description
1 Min Read

List Title: Simple Masonry (5 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 Masonry programmed with 5 items.
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
Default Frost 2.0 Article Subheadline / Promo Description. This description field can be programmed with the most text of the modules in the row and this card will be taller than the other cards in the list.
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

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.