Columns Page Block

A workhorse block, offering a wide variety of options. Notably, this block is used to create product category blocks which use clickable cards. Cards can optionally not be linked or no card option allows for text only setup. Can 2, 3, or 4 columns and multiple rows.

How To  ·  Style Guide  ·  Content Styles  ·  Page Blocks

Avoid White Images on White Block Backgrounds

Our product photography on white, does not work well with white background blocks because the image bleeds into the background, hiding the card. Use gray background sections for these or, if needed, a black background (but also not ideal).

Cards with No Images

Great setup for talking about key features or value props.

Header 4 Title Example – Card-Style – Does not use title field

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header 4 Title Example – Does not use title field

Standard paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in tortor laoreet.

Header 4 Title Example – Does not use title field

Standard paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in tortor laoreet.

Optional Pre-title

Two Columns Not in Cards, Great for Storytelling – Column Style Default

Another example of a brief, intro size pargraph. This is commonly used under an H2 in page blocks to help increase chances of copy getting read and to add another level of visual hierarchy in copy.

Montserrat Regular for the body copy, light and thin weights are just a bit too fine to hold up on reversed out backgrounds. Here’s an example inline text link and some bold text and italicized text, all common occurences throughout copy.

Optional Pre-title

Two Columns Not in Cards, Great for Storytelling – Column Style Default

Here’s an example inline text link and some bold text and italicized text, all common occurences throughout copy.

Another example of a brief, intro size pargraph. This is commonly used under an H2 in page blocks to help increase chances of copy getting read and to add another level of visual hierarchy in copy.

3 Column, Text Only

Lorem ipsum dolor sit amet scing elit.

Column Title – Title in WYSIWYG

Paragraph text that is short enough to get read but long enough to convey a solid

Important Value Prop

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious. a solid message that’s not obvious.

Key Feature

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Column Title – Title in WYSIWYG

Paragraph text that is short enough to get read but long enough to convey a solid

Crystal Clear, Clean Individual Cubes

HOSHIZAKI’S evaporator design freezes the cleanest water, rinsing-out most of the minerals and impurities.

Increased Production Per Day

Increased efficiency with maximized surface area results in a faster harvest cycle producing more ice.

Strong, More Durable Ice Structure

Our increased bonded surface area improves the integrity of every cube, resulting in a better product.