Usage Guidelines
When to Use
Use for suggesting next steps to featured topics, such as tools and other resources.
When to Avoid
When visuals are required to convince a user to click through to the next page.
Component Active
VN002 Action Squares
Showcases important next steps but without imagery. Features a headline and a short descriptor, plus a clickable arrow.
Component Detail
A minimum of two horizontal boxes that suggest next steps. Each box contains a headline referring to the title of the featured topic, and can include short descriptor copy beneath it with a click-able arrow or link to the page on which the action may be accomplished. Using more than four squares will create a “Show More” button at the bottom of the first row of squares.
Interactions
CTA sends users to the corresponding topic page.
Specifications
Max Characters
Optional Section Headline: 40
Tile Headline: 35
Tile Body Copy: 100