Introduction
Picto cards generally inherit the same layout options as product and page cards. Picto cards 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 cards can have counter or not (adjusting subtlety)
Behavior
Picto cards do not have the whole card area clickable.
Usage
Do’s
Cards are never shown by themselves, always within lists.
Don’ts
Don’t use picto cards 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 cards
List