Isometric assembly.
Separate the substrate, ink and varnish in a print sample. The same viewing angle lets you read their stacking order.
Assembled sample
- Resting states
- Assembled sample → Layers separated
- Reduced motion
- The assembled stack and separated stack switch without travel.
Implementation excerpt
.plane { transition: translate 240ms ease-in-out; }
[data-on="true"] .plane:last-child { translate: 0 -32px; }Where Unvibed uses it
This public print-desk example is the site’s demonstration of isometric assembly.