BehaveRespectfully LookDistinctly MovePurposefully SpeakAuthentically ThinkSimply heart_icon

Product Tile

Overview

Displays products and services or any topics in the category.

click here to preview all variations of this component.

Large Tile Container

Displays most recommended products and services with an image, title and bulleted information. A green CTA button takes users to a corresponding subcategory page to provide more detailed information. A blue secondary CTA link (optional) takes users to a lead generation page. (Ex: Contact Us or Get a Quote).

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Medium Tile Container

Displays secondary products and services with an icon, title, bulleted information and blue title CTA link.

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Small Tile Container

Displays additional products and services or any topics in the category with an icon and blue title CTA link.

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Download