Get business pricing on tech for your team
- Business-only prices and quantity discounts
- Tax-exempt purchasing
- Multiple users, one account, clear invoices
Discover the Storm Within: An AI-Created Film Archive
Room 107 exemplifies how artificial intelligence can craft immersive, weather-inspired digital environments. Its signature feature is a dynamic particle system that simulates a relentless dust storm, transforming a static archive into a visceral weather event, designed to disorient and engage viewers in an atmospheric experience.
Design Palette and Interaction Dynamics
The interface employs a carefully curated color scheme dominated by storm ochre, silhouette black, and signal green—evoking a gritty, cinematic atmosphere. Typography balances bold, compressed headings with high-contrast body text, reinforcing the archive’s rugged tone. The signature interaction revolves around a responsive particle field that responds to simulated gusts, with visual layers built from film grain, dust banks, and signal overlays. These elements are orchestrated through CSS gradients, blend modes, and layered canvases, creating a tactile sense of grit and turbulence that immerses the user into the storm’s eye.
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 107 of 175, “sandstorm”):
OPERATION SANDSTORM — an armored push through a desert storm, fictional film-style. Aesthetic: ochre brownout; silhouettes and dust. Palette: sandstorm ochre #c99a52, dust haze layers, tank silhouette black, tracer green. Fonts: bebas-neue (display), archivo (body). SIGNATURE: DRIVING WEATHER — canvas dust layers stream across the whole page (wind gusts modulate density and howl behind a switch), visibility drops and lifts in waves; the hero film (armor-in-dust loop) emerges/disappears with the gusts; content cards are sand-scoured (grain masks). A column-order diagram, storm-navigation notes (compass + tape on periscopes), radio log with static bursts. Unforgettable: the moment the storm swallows the page and gives it back.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/sandstorm/
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.
From Concept to Critique: An AI-Driven Pipeline
The project started with an initial conceptual prompt—design a weather system within a film archive, emphasizing disorientation and atmospheric detail. The build phase involved layering code-generated visuals, such as particle fields, film overlays, and sound effects, guided by a detailed design manual. A rigorous critique process followed, focusing on visual harmony, atmospheric fidelity, and user engagement, ensuring the narrative of chaos and silence was conveyed effectively. Finally, an art director—powered by an AI review—certified the piece, confirming it met its atmospheric and technical objectives, and aligned with the guide’s emphasis on atmosphere as prompt, not decoration.
The full build notes live in the room’s design guide.
Products Worth Considering
DJI Mic 3 Wireless Microphone System (2 Transmitters, 1 Receiver, Charging Case)
Anker SOLIX S2000 Portable Power Station, 2,010Wh, 1,500W
Bose Lifestyle Ultra Wireless Home Speaker
As an affiliate, we earn on qualifying purchases.
Experience the Storm Live
Visit the dedicated site to explore the full atmospheric depth of “Operation Sandstorm — Field Archive 107”. Browse all 175 archive fragments at the hub, and immerse yourself in a synthetic weather event crafted entirely by AI for the web audience.
Visit the live room → · Browse all 175 rooms
Previously in Wing V
- Room 102: Flight Deck 0300 — A Night-Launch Documentary
- Room 101: Ghost Division — The Complete Motion Picture Archive
- Room 104: Silent Running — Beneath the White Sea
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.
