SpotIllustration
Open in Storybook Open in Figma
SpotIllustration displays decorative, image-based visuals that enhance the user experience — typically used in empty states, onboarding screens, or feature highlights.
In smaller sizes, each illustration consists of two elements: a 3D illustration and a circular background shape, whose color can be customized.
Rules For Accessibility
- Non-ornamental illustrations must include descriptive alt text.
Faded
Faded illustrations are visually de-emphasized with reduced opacity and a grayscale effect.
Sizes
Rules For Designers
- For small and extra-small sizes, or when faded, a circle background is shown with the illustration centered inside it. Other sizes have no background shape.
Available Illustrations
HINT To request a new 3D illustration, create a Jira issue. Follow the GDS Jira contribution guide for details.
Rules For Developers
- If you need an illustration not listed below, you can provide a custom URL using the
srcprop.
The list below includes all SpotIllustration assets supported by george-assets v1.0.0-beta.35: