Usage Guidelines
When to Use
Use specifically for driving customers to specific category pages.
When to Avoid
Ideally, use only for product navigation but exceptions are made to add visual interest to certain campaigns and corporate pages.
Component Detail
A grid of two or more images that link to other pages within a product category. The imagery should depict aspects of the subject matter. The hover state copy should briefly describe the product category using category keywords. The hover state offers the user the option to learn more about the product or go directly to the product catalog.
Interactions
CTA drives to key product category or catalog category pages.
Specifications
Max Characters
Optional Section Headline: 50
Tile Headline: 50
Tile Body Copy: 125
Image Asset Dimensions
Asset Size: 860px x 645px
Aspect Ratio: 4:3
Recommended File Weight: <50kb
Image Display Sizes
Width: 768px
Height: 384px
Image Aspect Ratios
Desktop: 5:3
Tablet: 5:3
Mobile: 5:3