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 market lane that remembers the hour
Nightmarket — Mercado de Medianoche is an AI-built exhibition piece, not a real market or company. Its fictional, pan-Asian-inspired street is made to feel less like a row of shop cards and more like one shared place: vendors keep their own rituals, stalls glow in the rain, and the visitor decides how late to stay.
The signature move is a clock that changes the whole lane. Drag it from evening toward 04:00 and vendors close in sequence; shutters descend and the lively scene gives way to a quieter one. The passing of time becomes part of the composition, not just a detail printed on a menu.
Popular right now
TCL 43-Inch 4K UHD Smart LED Roku TV (43S435, 2021 Model)
Ninja CREAMi Scoop & Swirl 13-in-1 Ice Cream and Soft Serve Maker (NC701)
De'Longhi La Specialista Arte Evo Espresso Machine with Grinder
As an affiliate, we earn on qualifying purchases.
From prompt to room
The guide documents a three-pass pipeline: build the continuous lane and its clock-driven vendor states, critique the experience mercilessly across early, middle and closing hours, then have an art director certify the result. That guide makes the method legible: the AI-built site is the story, with craft expressed through pacing, code-made atmosphere and attention to access.
The full build notes live in the room’s design guide.
Inside the room
Light made from code
The palette gathers around near-black oxblood, with lantern red and wok orange set against rain cyan, candy pink and warm steam cream. Display lettering brings a broad, hand-painted feel; cleaner supporting type keeps menus and observations legible. Together, those choices suggest a night market without leaning on decorative shorthand alone.
Each neon sign is assembled as inline SVG from its stall name and color. Its reflection uses the same lettering, flipped, masked and softened beneath the sign, so the wet-tile effect feels connected to the light above it. Every sign also has one deliberately unreliable letter: a small fault that makes the glow feel handmade rather than perfectly manufactured.
Time with physical consequences
The clock spans 18:00 through 04:00. As it moves, each vendor approaches a distinct closing time. In the final twenty minutes before a stall shuts, its sign signals urgency; at closing, a slatted shutter comes down. A live ledger and status text explain what has changed, so the story does not depend on color or motion alone.
Steam drifts across a restrained canvas layer, while a brief rain-wake control adds a passing curtain of rain and a surge through the signs. An optional electrical hum stays silent until a visitor chooses to switch it on. Animation eases back for reduced-motion preferences, small screens and hidden tabs.
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 154 of 175, “nightmarket”):
NIGHTMARKET — MERCADO DE MEDIANOCHE, a night market open 18:00–04:00 (fictional, pan-Asian register drawn with respect). Aesthetic: lantern heat, steam, neon calligraphy over wet tile. Palette: lantern red, mixed neon, steam white, wok-flame orange. Fonts: baloo-2 (display), outfit (body). SIGNATURE: STALL CRAWL — the page is one market lane: each stall a section with its own flickering neon sign (SVG neon generator: tube bends, hum, one letter always failing) and steam rising through the content (canvas). THE MARKET CLOCK: drag it toward 04:00 and stalls dim and shutter one by one in true closing order (the congee stall outlasts everything) — visit “late” and you read among half-dark stalls. Menu tickets with invented dishes and prices, queue-culture field notes, the aunties’ ladle hierarchy, wet-tile reflections doubling every neon. Unforgettable: the market closing around you.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/nightmarket/
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.
Take a walk after dark
Visit the live Nightmarket room, move the clock forward, and see which lights remain. Then browse all 175 rooms at the exhibition hub for more AI-built experiments in digital atmosphere and form.
Visit the live room → · Browse all 175 rooms
Previously in Wing VII
- Room 152: Mothlight — A Porch-Light Census
- Room 151: Noctiluca — The bay that answers in light
- Room 153: Zodiacal | Preserve 21 Dark-Sky Sanctuary
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.
