Illustrations
Currently, illustrations are used exclusively for empty states and onboarding. Illustrations are used sparingly and with intention so that they never detract from the main workflow or content on a page.
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99aeba5168cf6bd7c0ce71_Illustration_intro.png)
System Set
Name
Illustration
Create (generic) – Large
Create (generic)
– Small
Inspection
– Small
No Items
– Small
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae8070dec7de027666b3_illustrations_table_create.png)
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae80ec6a8c4fc55434bf_illustrations_table_create_sm.png)
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae81b6a73203e153d72c_illustrations-small-inspection.png)
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae808d60d9db893ea1d7_illustrations-noItems-lg.png)
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae815a96e75145e8005c_illustrations-sm-recycle.png)
Recycle Bin
– Large
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae8053b05771ee3ccb67_illustrations-lg-recycle.png)
Recycle Bin
– Small
Search
– Large
Search (dark)
– Large
Search
– Small
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae80a4547facd4113693_illustrations_search_sm.png)
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae80bd9130e28de036fb_illustrations_search-dark-lg.png)
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae80d89d6379d83e2826_illustrations_search_lg.png)
Placement
Most of our illustrations have two size options to use depending on where you need to place the illustration. Large format illustrations are used when placed on a full page. Small format illustrations are used for modals, cards, or side panels.
Small Format
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae82195be2fcca1ed476_illustrations-placement_sm.png)
Large Format
![](https://assets-global.website-files.com/5f5298baab4c43a7f0640b67/5f99ae81a141d4d1d9566f21_illustrations-placement_lg.png)