Empty state illustrations in Theme Builder

Empty state illustrations in Theme Builder provide visually engaging placeholders for situations when content is missing.

Default empty state illustrations

When a component or a part of your Next Experience web page doesn’t contain data, an empty state illustration appears. Empty state illustrations are theme-able, and adapt to the theme colors of your instance.

Important :

Empty state illustrations apply to Workspaces and are not supported in the Core UI.

Figure 1. Example of a default empty state illustration

Custom images

Upload your custom images to Theme Builder to replace the default empty state illustrations.

To override the default empty state illustrations with custom images, upload each image size individually. You can choose to override just one size or all three sizes of an empty state type. The size and format limitations for each of the three file sizes are as follows:

Tableau 1. Small image size and format limitations

Field	Description
Dimensions limit	w56 × h56 px
Format	SVG
File size limit	2 MB

Tableau 2. Medium image size and format limitations

Field	Description
Dimensions limit	w216 × h168 px
Format	SVG
File size limit	2 MB

Tableau 3. Large image size and format limitations

Field	Description
Dimensions limit	w350 × h318 px
Format	SVG
File size limit	2 MB

• Configure the colors for empty state illustrations
  Configure and control the colors automatically applied to empty state illustrations to keep your visual experience engaging while maintaining brand recognition.
• Override empty state illustrations with custom images
  Modify or override the default empty state illustrations with your own custom images to promote visual elements that reflect your company's branding.