Deep beneath an abandoned tram depot lies Room 67, a fictional darkroom conceived by an AI as an immersive homage to traditional silver-gelatin printing. Its standout feature is an interactive apparatus that mimics the delicate process of developing photographs in real time, inviting visitors to actively participate in crafting images through pointer-driven masks, chemical shifts, and timed exposures. This digital recreation captures the patience and precision of analog darkroom work, transforming it into a tactile, layered experience rooted in meticulous craftsmanship.
The room’s workflow unfolds in three focused steps: first, the user loads a still image into a simulated enlarger, adjusting aperture and exposure time to generate a test strip; second, a merciless critique phase assesses the image’s contrast and tonality, guided by the system’s analytical feedback; finally, an art-director certification seals the print’s readiness, echoing the traditional approval process. This simplified yet layered pipeline underscores the room’s commitment to authenticity and craftsmanship, while the guide notes serve as a technical reference for each stage.
The full build notes live in the room’s design guide.
The visual language of Room 67 hinges on a carefully curated palette—blacked-out backgrounds evoke the shadowy interior of a classic darkroom, accented with a bold safelight red and the natural warmth of paper white reserved solely for prints. Typography pairs the lush, vintage serif of Instrument Serif with the modern clarity of Space Mono, creating a dialogue between tradition and technology. All apparatus—enlargers, trays, tongs, and chemical bottles—are rendered in CSS, while delicate SVG turbulence layers mimic emulsion grain, reinforcing the tactile feel. Interaction points, like the tongs and stop-bath shift, are designed as draggable and toggleable elements, ensuring that each technical nuance is both visible and manipulable, emphasizing the process-oriented ethos of the space.
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 67 of 175, “darkroom”):
RED LIGHT DISTRICT 67 — an analog darkroom cooperative. Aesthetic: safelight red over blacked-out room; wet trays. Palette: near-black #0d0a0a under safelight red #c22e2e wash, developer-tray steel, paper white reserved for the prints. Fonts: instrument-serif (display), space-mono (exposure data). SIGNATURE: PRINTS THAT DEVELOP — IF /assets/gen/darkroom/ contains print1.jpg..print3.jpg, each sits in a developer tray and DEVELOPS under your cursor: hover/press and the image emerges from paper-white in blooming patches (canvas reveal with liquid ripple), fixable mid-way for partial ghosts; tongs drag prints to the stop bath (sepia shift) and squeegee line. Enlarger section (aperture/time dials change a test-strip), the red-light rule card, member print wall. Credit the stills as GPT Image 2 via Higgsfield in the guide. Unforgettable: developing the picture yourself.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/darkroom/
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.
Experience the tactile wonder of Room 67 firsthand—visit the live simulation and immerse yourself in the art of analog darkroom printing. Explore all 175 rooms at the dedicated hub to discover a universe of handcrafted photographic processes brought to life through AI ingenuity.
Visit the live room → · Browse all 175 rooms
Previously in Wing III
- Room 66: The Comb Works — Bees, decoded
- Room 51: Casa Azulejo — A Lisbon Tile-Painter’s Workshop
- Room 58: The Atlantic Cable Company — Race the Signal
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.
As an affiliate, we earn on qualifying purchases.
silver gelatin print developing kit
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
darkroom chemical trays and tongs
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
