Hover card
A small layer that previews what a link opens.
Harmonizing AI + HITL workflows for industrial product matching Grainger · 2025 Anatomy
| Trigger | a prose link, with its developing underline |
|---|---|
| Panel | the shared layer, twelve modules wide, padded half a module |
| the case study’s rest print at 16:9, one dot to a pixel, dark dots on --img-paper in both themes | |
| Caption | the title in the clean cut at 16/24 and the client and year as a label |
| Burn | 300ms both ways, from where the pointer met the link |
Decisions
-
The print, not the picture
Dither is the resting state and clarity is the reward: a preview shows the print, and the case study shows the picture.
-
A frame
A layer over the page keeps its 1px ink frame, the one four-sided frame in the system.