FABLE25

Fable
Twenty ​Five

Twenty-five fundamentally different websites: designed, written, built, iterated, critiqued, and deployed with zero humans in the loop. Raymarched dreamscapes, playable synthesizers, isometric cities, AI-photographed lookbooks, kinetic type. Every pixel, every word, every shader: Claude Fable 5.

25+6websites shipped
62builder & critic agents
3+iteration passes each
4,500+tool invocations
12M+tokens of craft
scroll, the index awaits

The index: every site live on Vercel, each with its own /guide

Screenshot of MASS 01 8.7/10

MASS

a variable type foundry (specimen microsite for its flagship face)

A kinetic type-specimen microsite where the typeface is the interface: cursor-proximity weight distortion, scroll-scrubbed design-space traversal, canvas glyph rain, and a drag-to-set playground.

variable typekinetic
Screenshot of BÉTON 03 8.5/10

BÉTON

a brutalist architecture journal, Issue 07: Concrete Utopias

A brutalist architecture journal poured as a single web spread: exposed 2px grid, block-inversion hovers, steps() reveals, and five concrete utopias drawn entirely in code.

brutalistgrid
Screenshot of AURÉOLE 04 8.4/10

AURÉOLE

Parfum № 1 'Lumière Fossile' — a luxury perfume house

A scroll-choreographed 3D perfume flacon in real refractive glass — three.js transmission, GSAP light score, gold dust, old-world didone luxury.

three.jsglass
Screenshot of HELIOS 05 8.7/10

HELIOS

a deep-space observatory & sky-survey institute

A deep-space sky-survey institute whose site behaves like one of its own instruments: a 100k-particle GPU galaxy, live-ticking telemetry, and constellation navigation that draws itself.

GPU particlesspace
Screenshot of PAPER MOON 06 8.7/10

PAPER MOON

an independent film festival, 12th edition

A torn-paper collage site for a fictional indie film festival: riso palette, self-drawing doodles, ticket-stub program, hand-drawn venue map, and rubber-stamp interactions.

collageparallax
Screenshot of SIGNAL//LOST 07 8.5/10

SIGNAL//LOST

an interactive fiction: the last transmissions of Arctic relay station K-47

A CRT terminal interactive fiction: the last nine transmissions of Arctic relay station K-47, and the one word you are told not to send.

interactive fictionCRT
Screenshot of VESTIGE 08 8.5/10

VESTIGE

an avant-garde fashion house. Collection: 'Ghost Archive', FW26

A cinematic fashion lookbook in fog: didone type over AI editorial photography, with a pinned horizontal-scroll plate gallery and clip-path reveals.

AI photographyeditorial
Screenshot of PULSE 12 8.5/10

PULSE

a planetary vitals observatory (climate data, made visceral)

Climate data made visceral: self-painting warming stripes, a scroll-drawn Keeling curve, a 145-year radial anomaly spiral, and the energy transition as a river — every chart hand-built in Canvas/SVG, no chart library.

data visualization
Screenshot of OSCILLA 13 8.7/10

OSCILLA

a playable web synthesizer instrument

A real playable 8-voice WebAudio polysynth with live oscilloscope, FFT spectrum, SVG knobs, arpeggiator, and a demo sequence — styled as a neon hardware panel in electric violet and acid green.

WebAudioplayable
Screenshot of DELIRIUM 15 8.7/10

DELIRIUM

a digital art gallery of generative shader works

A dark-gallery exhibition of six live generative shader works — curl-noise ink, reaction-diffusion, marble, metaballs, interference and a strange attractor — computed in your GPU, placarded like a museum.

shadersgallery
Screenshot of ARTEMIS-9 17 8.4/10

ARTEMIS-9

lunar mission control, live operations console

A living lunar mission-control HUD: canvas radar and orbital track, drifting telemetry, crew biomed, comms traffic, and a self-resolving master-caution event — all generated in-browser with zero dependencies.

HUDcanvas telemetry
Screenshot of VERDANT 18 7.5/10

VERDANT

a generative botanical atelier (algorithmic garden studio)

A Victorian herbarium of live L-system plants that grow as you scroll, with six seeded specimen plates and a cultivation playground.

L-systemsgenerative
Screenshot of MARGINALIA 21 8.5/10

MARGINALIA

a literary magazine. Issue №12: 'Notes in the Margin'

A print-grade literary magazine issue about readers who write in books, with live margin annotations, drop caps, and an inked reading line – every detail is type.

editorial typography
Screenshot of NIMBUS 22 8.4/10

NIMBUS

an atlas of skies (generative weather scenes + original haiku)

Six living generative skies — dusk, squall, snowfall, fog, aurora, meteors — each drawn in real time on canvas and paired with an original haiku.

generative skieshaiku
Screenshot of MICROTOPIA 23 8.7/10

MICROTOPIA

a tiny isometric city that builds itself as you scroll

A pocket-sized isometric city, built entirely from CSS-3D divs, that constructs itself district by district as you scroll, then falls asleep under 428 blinking windows.

CSS 3Disometric
Screenshot of SILVER HALIDE 24 8.6/10

SILVER HALIDE

a photography monograph: 'Fog Studies', shot on film

A darkroom-born b&w film monograph: six fog-and-concrete frames on a sprocket-holed contact sheet with a keyboard-nav lightbox, essay, and editioned-print shop.

AI photographymonochrome
Screenshot of WRONG™ 25 8.4/10

WRONG™

an anti-design zine about taste (the finale of the collection)

An anti-design zine where every mistake is composed: press the forbidden button, chase the word TASTE, and watch the chaos snap back to its grid.

anti-designeaster eggs

Encore: the audience kept asking, so the fleet kept building. The last two are Claude Opus 5.

Screenshot of CEREMONIA 26 8.7/10

CEREMONIA

a psychedelic wellness sanctuary & integration studio (fictional, no real medical claims)

A bougie-hippie psychedelic sanctuary whose page breathes: a WebGL aurora hero, a scroll-driven palette that travels from cream through twilight violet to dawn, a blooming generative mandala, a working 4-4-6-2 breathwork ring, and a register-flipping clinical dossier.

breathing WebGLpalette journey
Screenshot of DAYLIGHT 27 8/10

DAYLIGHT

an AI adoption studio for real businesses ('AI in plain daylight')

The anti-hype AI adoption studio: canvas workflow-spaghetti untangles into clean lanes, an animated before/after invoice flow, an honest savings calculator, and a Trust Ledger that puts candor to work as the sales strategy.

interactive diagramstrust-first
Screenshot of TWO WINDS 28 8.6/10

TWO WINDS

a rapé ceremony guide, held with Western hands (educational, non-commercial)

A slow, reverent rapé ceremony walkthrough written honestly from a Western seat: lineage named, tools drawn in line, a usable long-exhale breath pacer, reciprocity and consent held at the center.

ceremony guidebreath pacer
Screenshot of LONGTAKE 29 8.4/10

LONGTAKE

a film-grade editing & colour studio (fictional editor-colourist persona: Mara Voss)

An edit-suite portfolio where the page is the timeline: scroll scrubs a 24fps timecode ruler past a blinking REC counter, a draggable LOG/GRADED wipe, and a giant bone wordmark cropped at the frame edge.

edit-suite chromegrade wipe
Screenshot of LUMEN & CO 30 new 

LUMEN & CO

a modular lighting atelier

A real-time 3D product configurator built as a design-museum object page: swap opal glass, brushed brass, graphite and oak on a live-rendered pendant system, then dim the studio to night and watch it actually glow.

live 3D configuratorreal PBROpus 5
Screenshot of ORDERS OF MAGNITUDE 31 new 

ORDERS OF MAGNITUDE

a journey across every scale of the known universe

One continuous scroll-zoom across 41 orders of magnitude and 32 procedurally drawn stations, from the observable universe down to a single proton, with a scientific instrument rail counting every power of ten. Zero photographs.

41 orders of magnitudezero photographsOpus 5

No templates. No stock. No hands on the wheel.

Each site began as a one-paragraph art direction brief. From there, an autonomous builder agent wrote every line of HTML, CSS, and JavaScript, drew every SVG illustration, composed every shader, and wrote every word of copy, then photographed its own work with a headless browser, criticized it harshly, and iterated at least three times before deploying.

Then a second agent it had never met, a merciless fresh-eyes critic, audited the live site like an award juror, fixed what it found, shipped again, and scored the result. The scores you see on each card are that critic's honest verdict, flaws on record.

Three of the sites art-directed and generated their own photography. One of them plays music. One of them tells your children a bedtime story. One of them will ask you not to press a button, and you will press it.

Read how the whole thing was orchestrated ↗