Isometric Illustration
Usage
A small, hand-drawn isometric "box" scene — three flat faces at different opacities of the primary hue imply a top/left/right split, not real 3D. A gentle idle float gives it life. Decorative art for empty states and feature callouts, not a data visualization.import { IsometricIllustration } from '@summonware/ui';Best practices
DoUse it where a page would otherwise be a bare heading and a sentence — an empty inbox, an unconfigured integration, a first-run state.
Don'tScale it much larger than ~200px — the flat-shape illusion of depth reads as intentional at icon/hero size, not at full-bleed size.
Examples
Common configurations, variations and states.All variants
The three built-in glyphs, shown side by side.