Puro AI Labs

The previous version of this site was a museum of an older idea: a WebGL constellation you flew through. It was impressive and it said nothing, and none of its pages made an argument. The rebuild starts from a different premise: the landing page IS the portfolio proof, so it has to demonstrate the craft rather than describe it, and every offer page has to earn a decision rather than announce a service.

1. 01

   The hero had to carry the thesis, not decorate it. Hundreds of brand carets stream like a murmuration, lean toward and part around the cursor, then compress into a perfect engineered grid as the pinned hero scrolls: raw signal in, shipped order out, drawn live.

2. 02

   Motion must never fight the reading. An earlier build put a CAD crosshair over the whole viewport and it interfered with consumption. The law that came out of it: motion is ambient, behind the content, never chrome on top of it, and everything honours reduced motion the moment it is switched on.

3. 03

   A generative field that does not collapse. A gradient flow field has attractor lines that particles pile onto, turning a murmuration into a rope wherever the cursor is not stirring it. The fix is a divergence-free curl field, verified against a four-thousand-frame settling simulation rather than by eye.

4. 04

   The phone is its own experience, not a shrunken desktop. No cursor means the storm compensates with brighter, larger carets and a faster pulse cadence; dense pitch-deck slides move their detail into bottom sheets; the headline scales to slam at 375px instead of politely shrinking.

5. 05

   Long-form argument pages that still perform. The partnership page runs a six-route comparison table, a term-sheet list, a timeline and a twelve-question FAQ, and still opens on a live canvas.

Everything runs on one design system: a shared shell owns the nav, the footer, the scroll reveals and a room vocabulary of charcoal, cream and orange sections, and each page composes from it with its own scoped styles. The two hero canvases are hand-written 2D fields with delta-time integration, so they run at the same speed on any refresh rate, pause when off-screen or backgrounded, and swap to a static drawn state under reduced motion. The pitch decks share one storm skin and price themselves from the viewer's country. Case studies, offers and pricing are all code-first data, so a new project is one entry in a versioned TypeScript file.

Live at puroailabs.com, forty-three routes on one system, with no image asset anywhere in the hero. The site now does the job it argues for: it is the working sample every prospect judges the studio by, and the reason the websites offer needs no separate portfolio.