Gabriel (@gabriell_lab) · ui-design.studio

ui-design.studio

Latest Tags Designers About

Follow @uidesign_studioFollow

Loading shot…

ui-design.studio

A curated collection of interface design. Every shot belongs to its designer and links straight back to the original work. Want your work removed or credited differently? See the about page.

Tags Designers About RSS @uidesign_studio

Gabriel (@gabriell_lab) · ui-design.studio

Gabriel @gabriell_lab

Since Opus 4.8 is out and more and more designers are getting into Design Engineering, I thought I’d share some of the interaction patterns I use most often: Use proximity, not just hover. When the cursor gets close, nearby elements can subtly scale and darken based on distance. It makes interfaces feel more responsive, less binary, and way more alive onpointermove = e => document.querySelectorAll(".dock>*").forEach(el => { const r = el.getBoundingClientRect(); const t = Math.max(0, 1 - Math.abs(e.clientX - r.x - r.width/2) / 120); el. style.scale = 1 + t * .5; });

9.3K
likes: 466
reposts: 136
replies: 668.9K
views

Posted 29 May 2026

Featured 16 Sept 2026

Open original on X Share this shot

Created by Gabriel and featured in our curated collection.

More from Gabriel

UI Design KYB Verification Flow

Gabriel@gabriell_lab

Clean Payment Screen

Gabriel@gabriell_lab

Minimal clean dashboard design

Gabriel@gabriell_lab