Preview image. Unlock full-res
A bookmark button microinteraction where clicking triggers a playful 3D file-box animation before resolving to a filled blue icon with an incremented count.
Summary
A bookmark button microinteraction where clicking triggers a playful 3D file-box animation before resolving to a filled blue icon with an incremented count.
Visual description
A muted gray rounded pill-shaped button sits on a light background, containing a bookmark icon silhouette on the left and a large number reading '35' in a warm gray on the right. The button has soft internal spacing and a subtle mid-tone fill that contrasts gently with the background. The icon and count form a paired label suggesting a toggle state or saved item counter.
Key takeaway
Pair an icon and number in a single contained button to communicate interaction feedback in a single glance. The neutral palette and ample padding make the affordance clear without visual noise.
Reuse notes
Reach for this as a motion still reference. Pairs with soft ui directions. Original by Tural.
