Illustration

GuidelinesReact

When to use

  • To provide visual context.
  • To lead users to the next step in a flow.
  • With all essential information in text to be accessible to everyone.

When not to use

Component status

Released
Released
Released
Released

Content structure

Content

Present info nonvisually

Look & feel

Illustration types

  • Extra small (90px)
  • Small (120 px)
  • Medium (200px)
  • Large (280 px)
  • Display (460 px)

Available illustrations