unvibed.
Menu
Free UI audit
All motion techniques

Halftone reveal.

Inspect a solid ink disc as a screened print. A wipe exposes the fixed dot grid without shifting the plate.

Solid ink

Resting states
Solid ink → Screened dots
Reduced motion
The selected proof replaces the other one in full.

Implementation excerpt

.dots { background: radial-gradient(#182924 1.7px, transparent 2px) 0 0 / 5px 5px; }

Where Unvibed uses it

This public print-desk example is the site’s demonstration of halftone reveal.

Related design directions