Halftone Lab: scroll morph through the steps
Scroll down. Each step's AI image is traced on the outperform wave's grid; between steps the dots scatter and land in the next shape. The morph follows the scroll with inertia: a fast flick still plays the full scatter at a capped speed. Earlier motion experiments are below the walkthrough.
One system, from idea to impact.
- 01Ideate
Coframe learns your site, audience, and goals to develop experiments.
- 02Prioritize
Score and rank experiment ideas by expected conversion and revenue impact, so you can run the most promising tests first.
- 03Design
Generate copy and image variations informed by your brand guidelines. Work with Coframe's CRO experts to refine the experience, then approve what goes live.
- 04Build
Turn ideas into working components, layouts, and experiences. AI writes the code, checks it across devices, and iterates on bugs.
- 05Learn
Measure conversion, identify winning variations, and have Coframe generate follow-up experiments based on the results.
Halftone Lab: motion
Every panel uses the outperform wave's spec: 5.51px grid, #ABABAB squares from 0.45px to half a cell. Drawn on canvas each frame, paused off-screen, one still frame with reduced motion.
Light sweep across the layers
A soft band of light travels across the silk. Only the shape's own dots grow, so the background stays empty and the folds catch the light one after another.
Scroll morph: wave, silk, cheetah
Scroll position picks a point between shapes; each cell crosses over on its own schedule, so it dissolves rather than crossfades. Drag the slider to scrub.
Cursor lens on the cheetah
Hover the art: dots near the cursor magnify and grow. When not hovered, the lens drifts on a slow path so you can see it here.
Build in on reveal, then still
Plays once when the art enters view: cells pop in at 1/3, 2/3 and full size, left to right with scatter, the same rhythm as the customer cards. Static afterward.
Fabric ripple
Each cell reads the image through a slow noise displacement of a few pixels, so the silk breathes as if in a breeze. Dots never leave the grid.
Halftone video: the hero cheetah
The hero's cheetah clip, traced live every frame onto the same grid.