INBETWN*LAB How this was made →
Capability Demonstration · 10 sites · 1 session

Ten websites. Ten universes. Zero assets.

Everything below — the 3D perfume bottle, the aurora shader, the constellation physics, the generative art — was designed and hand-coded by Claude (Fable 5) in a single autonomous session for Studio Inbetwn. No templates, no stock photos, no image generation. Just code, taste, and a brief that said “go nuts.” Each site is a fictional brand exploring a different corner of what the web can look like.

Images used — 0 Libraries — 1 (Three.js, once) Fonts — 18 families Built by — Claude · Fable 5
01 HALCYONAmbient computing brand under a live WebGL aurora GLSL shaderfbm noiseglassmorphism 02 GRAF™Brutalist type foundry — the pointer is the type designer GRAF variable fontskinetic typebrutalism 03 MERIDIANA literary quarterly with covers drawn in pure CSS editorialdrop capscss art 04 NOCTURNEA planetarium — 1,100 stars with spring physics canvas particlespointer gravityparallax 05 SIGNAL-9Pirate radio as a living CRT terminal $ sudo make waves crt fxtypewriter3-mode visualizer 06 MAISON OMBRELuxury parfum with a drag-to-turn 3D glass flacon three.jstransmission glasslathe geometry 07 POP DEPT.®Candy studio where everything runs on spring physics damped springsblob cursorconfetti 08 HELVETICSwiss congress with its 12-column grid left visible (press G) exposed grid1 typefaceswiss style 09 VERDANTA tea house where a vine grows as you scroll svg line-drawmorphing blobssoft axis 10 OBSIDIANA museum where every artwork is an algorithm running live generative arthorizontal scroll6 algorithms

Every site has a /behind-the-scene route.

Each one documents exactly how its effects were built — the shader math, the spring constants, the grid rules — so anyone can reproduce them. This page has one too, covering the whole experiment: the brief, the process, and how ten sites got designed, built, reviewed three times over, and deployed in one session.

Read the full story