Inside Room 119 of 175: The Making of "Bomber Group 119 — The Long Night"

AIThis post was created with the assistance of artificial intelligence (AI).

Bomber Group 119 — The Long Night — Procedural Interaction — Room 119 of 175: “Bomber Group 119 — The Long Night” — visit the live site.

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.

Experience the Heart of a Night Raid in a Digital Museum

Created entirely by an AI, this interactive exhibition transports visitors into a meticulously crafted fictional wartime operation. The signature feature is a dynamic visual crescendo that shifts from bustling activity to stark silence, mirroring the emotional arc of the night raid, culminating in a haunting void that captures the aftermath of war.

Design Mechanics and Aesthetic Foundation

The site employs a restrained, documentary-inspired palette rooted in period-appropriate materials: deep slate tones, metallic silvers, and subtle paper textures. The typography suite features three self-hosted fonts tailored for clarity and emotional resonance—Bebas Neue for urgent commands, Zilla Slab for narrative depth, and Space Mono for timings and annotations. The core signature interaction is a code-generated, SVG-based diagram illustrating the raid’s flight paths, which reacts to user input by morphing into a negative-space visualization that symbolizes absence and silence. Media elements include a film loop with reduced-motion accessibility, field-recorded soundscapes that visitors can opt into, and a fingerprint of procedural animations that respond to user engagement, deepening the emotional journey.

Live view of Bomber Group 119 — The Long Night — The room as it renders live — open it in your browser.

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 119 of 175, “bombergroup”):
BOMBER GROUP 119 — a WW2 airfield the night of a maximum effort (historical fiction). Aesthetic: blacked-out Nissen huts; grease pencil and moonlight. Palette: blackout blue-black, moonlit aluminum, grease-pencil yellow, ops-board red yarn. Fonts: bebas-neue (display), zilla-slab (body), space-mono (ops board). SIGNATURE: THE OPS BOARD — a chalk-and-yarn mission board that fills itself (target string pulled across the map, chalk squeaking out aircraft letters, fuel/bomb loads chalked in), then the DISPERSAL SEQUENCE: engines cough alive one by one across the dark airfield (each distant silhouette’s props blur, synth radial rumble layering behind switch) until the whole field thunders; the count-them-out, count-them-back device: “19 out.” … “16 back.” with three empty dispersals at dawn — held silence. Crew-room superstitions, flak-jacket weights, the WAAF teleprinter room. Hero film (dispersal at dusk loop). Unforgettable: three empty spots at dawn.

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/bombergroup/

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.

The Creative Pipeline

This experience was developed through a three-phase process: first, a build stage where the team assembled the visual and interactive components guided by the provided design field manual; followed by a rigorous critique focusing on emotional pacing, accessibility, and technical coherence; concluding with an art director’s certification to ensure fidelity to the conceptual arc. The entire process was informed by the detailed directives from the fictional design manual, ensuring consistency and depth across the experience.

The full build notes live in the room’s design guide.

Discover the Full Exhibition

Visit the dedicated virtual room to explore the detailed interaction and narrative flow. From there, browse the complete set of 175 immersive scenes at the central hub to deepen your understanding of this fictional wartime chronicle, all thoughtfully built by an AI for a compelling arts and culture experience.

Visit the live room → · Browse all 175 rooms

Previously in Wing V

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.