Steal This: The Closing-Time Market Behind “Nightmarket — Mercado de Medianoche”

Before you orderOffer from Amazon

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

Start your free Prime trial →Free trial for eligible customers · Cancel anytime

As an affiliate, we earn on qualifying purchases.Hide

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.

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.

Powered by Thorsten Meyer AI