分析 http://sprites.ai 并基于我们自己的 UI（而非通用组件）制作一段产品宣传。

Analyze http://sprites.ai and build a product promo from our own UI, not generic components. \x3Cdirection> Dribbble-level UI motion. One shape, never cut: every state is the same element morphing its size, radius and color while its content swaps with a short blur. A cursor drives every change with real clicks and drags. Warm-gray canvas, black and white components, one accent (#FD9543), Geist. Springs everywhere, a tiny overshoot at most. The camera zooms so each state fills the frame. Last frame = first frame, so it loops. Banned: bouncy easing, particles, glows, gradients on UI chrome, misma…

分析 http://sprites.ai 并基于我们自己的 UI（而非通用组件）制作一段产品宣传。 \x3Cdirection> Dribbble 级别的 UI 动效。始终是一个形状，从不裁切：每个状态都是同一个元素在改变尺寸、圆角和颜色，同时其内容通过短暂模糊进行切换。由一个真实的鼠标光标通过真实的点击和拖拽驱动所有变化。暖灰色画布，黑白组件，一个强调色 (#FD9543)，Geist 字体。处处使用弹簧动画，最多只有轻微的过冲。镜头会推近，使每个状态都填满画面。最后一帧等于第一帧，因此可以循环播放。 禁止使用：弹性缓动、粒子、辉光、UI 装饰上的渐变、misma…