Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Page Properties

Component type

Block

Component possible inclusions

n/a

Design source (in Figma)

Picto Carditem

Component status

Jira Legacy
serverSystem JIRA
serverId37e96b50-f164-323a-a055-92ebe3b20fa7
keyDSD-220

Introduction

Picto cards items generally inherit the same layout options as product and page cards. Picto cards 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 cards items can have counter or not (adjusting subtlety)

...

...

Behavior

  • Picto cards items do not have the whole card area clickable.

...

Usage

Do’s

  • Cards Picto items are never shown by themselves, always within lists.

Don’ts

  • Don’t use picto cards 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 cardsitems

  • List