Introduction
Picto items generally inherit the same layout options as product and page cards. Picto items do not have visual boundaries.
Anatomy
Key Content
Item | Type | Notes |
Pictogram | image | |
Title | Typography | |
Description | Typography | |
Counter | Typography | |
Link | Component |
Visual Style
Counter
Picto items can have counter or not (adjusting subtlety)
Behavior
Picto items do not have the whole card area clickable.
Usage
Do’s
Picto items are never shown by themselves, always within lists.
Don’ts
Don’t use Picto items when you only need a simple call to action. Use a CTA Block instead.
Analytics & Data
Most requirements are covered under lists.
Related/Similar Components
Product cards
Page cards
Asset items
List