Get art and craft supplies delivered free with Prime
- Fast, free delivery on millions of items
- Prime Video, Amazon Music and more included
- Member-only deals all year
A final nightfall, undone
“Lastlight | The Dawn Room” closes a fictional, AI-built exhibition of 175 rooms with a scene that moves in one direction: out of night and into day. This is an exhibition piece, not a real company or product. Its central gesture is a dawn dissolve: as visitors scroll, the sky brightens and twenty-four small lights disappear in sequence. Each light stands for an earlier room, making the finale feel like a farewell to the exhibition itself.
The idea is simple, but the order carries the feeling. Dawn does not reveal every light at once. The room imagines daylight finding the most exposed glimmers first, then sheltered and working lights, then the public lamps, until the last gas mantle gives way. Each departure receives a brief line of parting text. The result is closer to retracing a lamplighter’s route than watching an interface switch off.
Popular right now
Dyson V8 Cordless Vacuum
Dyson V8 Cyclone Cordless Vacuum
KitchenAid Artisan 5-Qt Tilt-Head Stand Mixer, Cardamom
As an affiliate, we earn on qualifying purchases.
From feeling to implementation
The work followed a three-pass pipeline: build the scroll-led scene and its linked lights, critique it mercilessly for pacing and clarity, then certify the result through an art-director pass focused on tenderness rather than spectacle. The accompanying field guide documents the Dawn Dissolve, including the color sequence, interaction logic, accessibility choices, and a prompt for reproducing the approach.
The full build notes live in the room’s design guide.
Light as the material
The experience uses no image assets, external animation libraries, or build step. Instead, layered CSS, canvas drawing, gradients, and carefully placed color do the work. A long scroll runway surrounds a sticky, full-screen scene, letting the visitor’s movement become the control for a single transition.
A held palette
The sky passes through six restrained tones, from nocturne indigo and blue hour to rose, horizon gold, and pale day. The sun disc gets its own warmer highlight. These colors make the shift legible without turning sunrise into spectacle. Newsreader gives the sky and closing inscription an editorial voice; Manrope carries coordinates, navigation, labels, and the room ledger. Both type families are self-hosted.
One progress value, many small changes
Scroll position becomes a shared progress value from zero to one. The sky interpolates between color stops, the sun shifts, a solar-angle readout updates, and each room light follows its own position, color, and threshold. The thresholds encode the imagined order of daylight’s discoveries. When the sequence reaches civil twilight, a small callout marks the moment. At the end, the closing inscription takes the sky.
The lights are navigation as well as decoration: each links back to the room it represents. A plain-text ledger gives visitors another way to find them. Deterministic star maps keep the night composition steady between visits, while the animation loop pauses when the document is hidden. Near the end, the Afterimage button recalls the extinguished lights in their original colors and in the same dawn order. It works with touch, mouse, and keyboard. Reduced-motion settings remove twinkle, pulsing, smooth scrolling, and easing while keeping the whole story available.
Want this? Paste this into your AI coding agent
Build a single-page showcase website from this art-direction brief. Work like an elite creative frontend engineer; commit totally to the direction.
BRIEF (room 175 of 175, “lastlight”):
LASTLIGHT — THE DAWN ROOM: Wing VII’s finale and epilogue. Aesthetic: the whole nocturne ending at once; sunrise as curtain call. Palette: begins nocturne indigo, ends first-light gold — the page IS one sunrise. Fonts: newsreader (display), manrope (body). SIGNATURE: DAWN DISSOLVE — all 24 nocturne rooms appear as a constellation of night-lights along a dark horizon (each a small glowing ember in its OWN palette — noctiluca’s cyan wake, konbini’s fluorescent slab, gaslight’s gold mantle, blackout’s candle…; you recognize every room by its light). As you scroll, dawn rises behind them and each light switches off IN TRUE ORDER — stars and NLCs first, then fireflies, the market’s last stall, streetlamps, and the gas lamp last (the lamplighter’s round, reversed) — each extinguishing is a link to its room, with one line of farewell. Civil-twilight science woven through (the −6° threshold when night officially ends). The closing line at full sunrise: “Every light in this wing was code. The dark was real. — WING VII / FABLE 175”. Plus a plain-text index of all 24 for accessibility. Unforgettable: watching 24 rooms say goodnight.STACK: pure HTML/CSS/JS, no build step, no frameworks, no CDNs or external requests of any kind; self-hosted fonts only; every visual is code (CSS/SVG/canvas/WebGL) — no image assets required.
QUALITY BAR: flawless at 390px, 834px and 1440px with zero horizontal overflow; tap targets >= 44px; semantic landmarks, focus-visible styles, body-text contrast >= 4.5:1; prefers-reduced-motion pauses or simplifies heavy animation; rAF loops pause when the tab is hidden; hold 60fps (cap particle counts, avoid layout thrash); rich invented content everywhere — real-sounding names, numbers and program notes, never lorem ipsum; orchestrate one beautiful staggered load moment plus scroll and hover surprises. FORBIDDEN: Inter/Roboto/Arial/system-ui, purple-gradient-on-white, and cookie-cutter hero+cards+footer layouts.
PROCESS: iterate in three documented passes — (1) build plus builder self-critique, (2) merciless external critique finding and fixing at least ten real problems, (3) art-director elevation from good to unforgettable. Screenshot at all three widths every pass and fix everything you can see.
— Original brief by Claude Fable 5 (art director), executed by the FABLE/175 pipeline.
— This room lives at https://fable-25-830.netlify.app/sites/lastlight/
This is the verbatim art-direction brief that produced the room — exposed by the exhibition itself via the “Prompt” link in the room’s footer.
Stay for the last light
Visit the live Lastlight | The Dawn Room and scroll through its final sunrise. The room is part of an AI-built exhibition: the site itself was built by AI, and that authorship is part of the story. When the last ember fades, browse all 175 rooms at the exhibition hub.
Visit the live room → · Browse all 175 rooms
Previously in Wing VII
- Room 171: BLACKOUT — 03:12–05:47, Verlicht
- Room 168: Grotte de Veille — 90 Metres Below
- Room 161: Station Chiroptera — Read the Dark by Echo
FABLE / 175 is a finished exhibition of 175 fundamentally different websites, each built end-to-end by an AI. This article is part of our series walking through it room by room.
