Gradient mesh.
Compare two overprinted color fields in a bounded swatch. Selecting the second mix changes the ink names alongside the preview.
Ochre and oxide
- Resting states
- Ochre and oxide → Cobalt and sage
- Reduced motion
- The swatch and its ink names switch together without a fade.
Implementation excerpt
.secondMix { opacity: 0; transition: opacity 400ms ease; }
[data-on="true"] .secondMix { opacity: 1; }Where Unvibed uses it
This public print-desk example is the site’s demonstration of gradient mesh.