The guide
A short field note on the instrument behind this site: what it is, how it reads, and one honest trade.
01
SONDE is a fictional maker of field instruments. The brief was to make an invisible force visible the only honest way a field can be read: by watching what it moves. Eight concepts were rated for how predictable they were; the two least predictable were fused into one, a null field that only resolves where you dwell.
02
The particles are a GPGPU system in Three.js. A compute shader advects 102,400 points every frame, superposing curl-noise drift with an analytic source field (dipole, vortex, laminar sheet, convergence). Nothing is stored: each frame is computed live on your machine.
03
Scroll position drives one value. A dwell engine measures how close you are to each story beat and raises a resolve signal near it. Move fast and you see only drift; slow down and the source structures the field and the reading intensifies. The measurement is the attention.
04
No library motion, no inline styles: the animation is one stateless uniform driven by a plain rAF loop, so it stays clean under a strict Content-Security-Policy. Below 768px, and for anyone who prefers reduced motion, WebGL is switched off for a static blueprint fallback. Type is Space Grotesk and Space Mono, self-hosted. The palette is a single signal orange on bone.
05
Real-time 3D has a cost floor: importing Three.js adds a parse that caps desktop Performance around 85, and that is an accepted, stated trade for the one genuine 3D piece in this portfolio. Accessibility stays at 100, mobile stays fast, and the whole thing still works with the field switched off.