Colophon

How it is built. Every line is provable in the source.

Frame
Next.js16 · App Router · RSC
React19 · TypeScript strict
Tailwindv4 · @theme tokens
Organism · 2D/3D/WebGL
React Three Fiberthree.js — one persistent canvas
Custom GLSLphoton ring · lensing halo · accretion disk
Canvas 2Dobsidian transition dust
dreienvironment · contact shadows · adaptive dpr
Motion
GSAPhero entrance timeline
Framer Motionscroll reveals · magnetics · route transitions
Lenisexpo-out smooth scroll
Commerce · async REST
Stripedigital checkout sessions
ShopifyStorefront GraphQL — physical goods
Performance
Adaptive resolutionPerformanceMonitor scales dpr to device
Mobile budgetsparticle counts halve under 768px
Reduced motion3D unmounts entirely — full a11y fallback
Lazy 3Ddynamic import · GPU freed off-screen
Generative
Per-visit seedthe organism arranges itself anew each visit
Selected build

Problem, technique, result.

01

One organism, no seam

Problem · Per-section 3D canvases left a visible edge where rooms met.

Technique · A single persistent R3F canvas behind the whole page; DOM sections float over it, one camera, one story.

Result · The seam is structurally impossible — there are no two surfaces to divide.

02

Impossible to copy

Problem · A signature site can be cloned pixel for pixel.

Technique · A per-visit seed drives the organism's geometry and a visible signature; the field arranges itself anew each visit.

Result · No two visits are alike. You meet it once.

03

The Develop

Problem · Page and section changes read as separate parts, not one body.

Technique · A single-source chiaroscuro (Roversi) lifts every view out of shadow into light, sitewide, in one icy tone.

Result · The whole site breathes as one organism — calm, unbroken.

04

Flawless on mobile

Problem · Custom WebGL is heavy on weak GPUs.

Technique · Adaptive resolution scales to measured frame-rate, particle budgets halve under 768px, 3D unmounts under reduced-motion.

Result · 60fps target held on phones; full accessible fallback with zero 3D cost.

engineered by NICCOLÒ · one author · one system