Discover the immersive ‘Still House 86’ experience
Created entirely through code by an AI, ‘Still House 86’ is a virtual distillery that invites visitors to craft their own botanical gin tasting notes through intuitive, physical interaction. Its hallmark is a responsive, draggable radar that transforms user input into dynamic, grammatically coherent flavor narratives—connecting the act of tasting with the act of creation in a seamless digital environment.
As an affiliate, we earn on qualifying purchases.
How the experience is woven together
The design employs a carefully curated palette rooted in copper, botanical greens, juniper blue, and neutral cream, echoing the hues of a copper still illuminated by sunset. Typography plays a pivotal role, with a restrained typeface family that feels engraved and authoritative, while interactive elements like the signature wheel are built with SVG and JavaScript to ensure smooth, accessible manipulation. The core interaction—a ten-axis radar—drives the generation of tasting notes, translating hand-drag movements into grammatical flavor descriptions. This system is underpinned by layered SVG graphics, including a copper still with animated vapor trails, and a responsive label that updates based on user input, maintaining visual harmony and tactile clarity throughout the experience.
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 86 of 175, “distillery”):
STILL HOUSE 86 — botanical gin distillers. Aesthetic: copper and botany; the still room at golden hour. Palette: copper #b06a3b (gradient-polished), botanical greens, juniper blue-black, label cream. Fonts: marcellus (label display), manrope (body). SIGNATURE: THE FLAVOR WHEEL — an interactive radar/wheel of ten botanicals (juniper, coriander, angelica, orris, citrus…) where dragging each spoke re-blends the house gin: a tasting-note paragraph RECOMPOSES live (grammar-assembled, always fluent), and the copper still’s vapor path lights the route your dominant botanical takes (SVG pipe-run with rising vapor beads through swan neck to condenser). Cut-points explainer (heads/hearts/tails with a live spirit-safe meter), botanical herbarium cards, label-your-blend keepsake. Unforgettable: tasting notes that obey your hand.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/distillery/
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.
As an affiliate, we earn on qualifying purchases.
From concept to critique to refinement
The project begins with a comprehensive build phase, crafting the interactive toolkit and visual assets in code, guided by the concept of a sunset-inspired distillery. A rigorous critique follows, testing the responsiveness, accessibility, and coherence of the experience, ensuring that each interaction feels natural and engaging. Finally, an art director reviews and certifies the design for clarity, aesthetic balance, and technical performance, as detailed in the AI-generated field guide, resulting in a cohesive and polished virtual distillery journey.
The full build notes live in the room’s design guide.
distillery-inspired cocktail tools
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Experience the distillery firsthand
Visit the AI-crafted ‘Still House 86’ virtual room to explore its interactive flavor wheel and personalized bottle labels. Dive into the full collection of 175 immersive sites at the hub and see how AI and code craft a new era of digital craftsmanship.
Visit the live room → · Browse all 175 rooms
Previously in Wing IV
- Room 77: The Foley Stage — Perform the Picture
- Room 76: The Immortal Game — London, 1851
- Room 80: Paper Flight Lab — Fold, Trim & Fly
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.
