MarginConcept
A launch page for a pocket e-ink notebook, modelled live in three.js across nine scroll chapters.
- What
- Product launch page
- Industry
- Products
- Built with
- Three.js, WebGL, GSAP, ScrollTrigger, Lenis
Concept work: Margin is a made-up product, and its waitlist form sends nothing.
The brief
A launch page for Margin, a pocket e-ink notebook, built to the standard of a flagship hardware launch.
What we built
The device is modelled in real time with three.js rather than shown as a render. One scroll carries it through nine chapters: the screen redraws with an e-ink refresh, the pen lifts off and writes, the device explodes into labelled layers, and the colour swatches retint the aluminium.
Plain HTML and JavaScript with no build step, with reduced-motion and no-WebGL fallbacks.
