Working with Image styles
Image styles enable you to experiment with different color schemes for illustrations and replace default illustrations with your own custom images. The Image styles feature provides flexibility in customizing the visual elements of your theme.
Image styles categories
The following image styles are available for editing:
-
Empty state illustrations
-
Banners
-
Cards
-
Modals
-
Tile icons
-
Icons
-
Banner illustrations in Theme Builder
Banner illustrations are used to increase user engagement or announce overall product experiences. -
Card illustrations in Theme Builder
Card illustrations are used to improve the clarity or scannability of a feature. -
Modal illustrations in Theme Builder
Modal illustrations accompany user guidance or support messaging about added features. -
Empty state illustrations in Theme Builder
Empty state illustrations in Theme Builder provide visually engaging placeholders for situations when content is missing. -
Tile icon illustrations in Theme Builder
Tile icon illustrations are used to communicate a tile’s purpose using visual metaphors. -
Icon illustrations in Theme Builder
Icons are used to visually represent actions and concepts through simple, themed graphics.
Parent Topic:Manage or edit a theme with Theme Builder
--- title: Working with Image styles description: Image styles enable you to experiment with different color schemes for illustrations and replace default illustrations with your own custom images. The Image styles feature provides flexibility in customizing the visual elements of your theme. locale: en-US canonical_url: https://www.servicenow.com/docs/r/platform-user-interface/working-with-image-styles.html release: brazil topic_type: concept last_updated: "2026-09-10" reading_time_minutes: 1 keywords: [theme builder, image, image styles] breadcrumb: [Manage or edit a theme, Configuring Next Experience with Theme Builder, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences] --- # Working with Image styles Image styles enable you to experiment with different color schemes for illustrations and replace default illustrations with your own custom images. The Image styles feature provides flexibility in customizing the visual elements of your theme. ## Image styles categories The following image styles are available for editing: - Empty state illustrations - Banners - Cards - Modals - Tile icons - Icons - **[Banner illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/banners-in-tb.md)** Banner illustrations are used to increase user engagement or announce overall product experiences. - **[Card illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/card-illustrations-tb.md)** Card illustrations are used to improve the clarity or scannability of a feature. - **[Modal illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/modals-in-tb.md)** Modal illustrations accompany user guidance or support messaging about added features. - **[Empty state illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/empty-state-illustrations.md)** Empty state illustrations in Theme Builder provide visually engaging placeholders for situations when content is missing. - **[Tile icon illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/tile-icons-in-tb.md)** Tile icon illustrations are used to communicate a tile’s purpose using visual metaphors. - **[Icon illustrations in Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/tb-icon-illustrations.md)** Icons are used to visually represent actions and concepts through simple, themed graphics. **Parent Topic:**[Manage or edit a theme with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/tb-edit-theme.md)
| title | Working with Image styles |
| description | Image styles enable you to experiment with different color schemes for illustrations and replace default illustrations with your own custom images. The Image styles feature provides flexibility in customizing the visual elements of your theme. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/platform-user-interface/working-with-image-styles.html |
| release | brazil |
| topic_type | concept |
| last_updated | 2026-09-10 |
| reading_time_minutes | 1 |
| keywords | theme builderimageimage styles |
| breadcrumb | Manage or edit a themeConfiguring Next Experience with Theme BuilderWorking with themesConfigureNext Experience UIConfigure UIs and portalsConfigure user experiences |