Smart speaker · concept
Sound,
with a halo.
Halo One is a fictional voice speaker we designed to show what a product launch page can do in the browser. Scroll, and the speaker takes itself apart.
Scroll to open it up ↓
01 · Teardown
Seven parts.
One column of sound.
Every layer is stacked on a single axis, so the woofer, the passive radiator and the mic array share one acoustic chamber with no wasted volume.
02 · The halo ring
It listens
in light.
Six far-field microphones sit under a ring of light. The ring breathes while it listens and turns to face whoever is speaking.
03 · Low end
A 4-inch woofer,
pushed hard.
A long-throw woofer fires down into the base, and a passive radiator doubles the low end without a port that chuffs.
Woofer102 mm long-throw
Tweeters2 × 19 mm silk dome
Range45 Hz – 20 kHz
Mics6 far-field, beamformed
SizeØ 118 × 172 mm
04 · Assembled
Back together,
in one piece.
Everything you just watched is rendered live in your browser from code: no video, no images, a few hundred kilobytes in total.
Designed & built by Novatech
Three.js · GSAP ScrollTrigger · procedural geometry
Halo One is a design concept, not a real product
Three.js · GSAP ScrollTrigger · procedural geometry
Halo One is a design concept, not a real product