Versions Compared

Key

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

Component type

Component

Document status

Status
colourGreen
titleReady

Design source (in Figma)

Author

Nick Harris

Responsible

Milestone

4

...

Picto items are a non-interactive content type used to emphasise key points within the context of a larger story. Picto items can consist of of a Pictogram, heading (Typography), body (Typography), and Link. They can be grouped together to form a list (ordered or unordered) or used on their own.

...

  • Use Picto items to highlight concisely key points of a story or product benefit.

  • Use a Pictogram that is relevant to the point you are making.

  • Use a Link to direct users to additional relevant information rather than substituting a link for lots of content.

...

  • Don’t be overly verbose with your headings and body copy

  • Use Picto items as a summary to linked content - Use a Product Card, Page Card, or Asset card Teaser instead.

Anatomy

...

Item

Component / type

Notes

1 - Icon

Pictogram

Status
colourRed
titleMandatory

2 - List indicator

?

Status
colourGreen
titleOptional

3 - Heading

Typography

Status
colourRed
titleMandatory

4 - Body

Typography

Status
colourRed
titleMandatory

5 - Link

Link (standard)

Status
colourGreen
titleOptional

...