Hidden within a simulated near-future environment, JAMSCREEN — Listening Post Kestrel — is an AI-crafted exhibit that transforms electromagnetic signals into a visual narrative. Its core feature is a dynamic waterfall spectrogram that listeners and viewers can tune and manipulate, revealing an imagined battlefield of signals and interference. This interface blurs the line between listening and interpreting, making each interaction a step into a fictional intelligence hub where noise and deception are as vital as the signals themselves.
Get art and craft supplies delivered free — and shop member deals
- Fast, free delivery on millions of items
- Access to Prime Big Deal Days deals on October 6–7
- Prime Video, Amazon Music and more included
The visual design employs a stark, technical palette inspired by radio and military interfaces, with typography drawn from monospaced fonts like JetBrains Mono and Orbitron, emphasizing clarity and digital precision. The core signature interaction is a live, animated waterfall spectral display, built with a custom JavaScript canvas that simulates thermal scans derived from deterministic noise, emulating real-time signal activity. The interface’s elements behave consistently: readouts, flare effects, and failure states are all evidence of the same receiver, maintaining narrative integrity. User interactions—dragging, keyboard tuning, and test jamming—trigger visual and audio responses that reinforce the fiction of a hostile electromagnetic environment, all built without external requests, relying solely on self-hosted assets and code. The entire experience is a seamless blend of code-generated visuals, synthesized sounds, and narrative-driven overlays, resulting in an immersive, believable monitoring system.
The development followed a three-stage pipeline: initially, the core was built by translating a detailed concept manual into functional code, focusing on a real-time spectrogram with animated thermal data. Next, the work was subjected to rigorous critique, ensuring that every visual element and interaction adhered to the narrative doctrine—evidence from a single receiver, behavior consistent and purposeful. The final step involved certification by an art director, refining the visual coherence, tone, and user flow—ensuring the interface felt authentic and engaging within its fictional universe, as detailed in the guide manual.
The full build notes live in the room’s design guide.
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 123 of 175, “jamscreen”):
JAMSCREEN — an electronic-warfare listening post, fictional near-future. Aesthetic: RF dark; waterfalls and threat libraries. Palette: spectrum-analyzer black, waterfall thermal ramp (blue→green→amber→white-hot), threat red, friendly cyan. Fonts: orbitron (display), jetbrains-mono (signals). SIGNATURE: THE WATERFALL — a live full-width spectrogram waterfall (canvas) where signals appear as glyphs of light: you TUNE across it (drag) and each signal resolves (voice-net warble, radar sweep chirp, jammer wall — synth behind switch) with a threat-library card sliding in (emitter class, bearing, confidence); a JAMMING EVENT floods the band white-hot and the page’s own UI degrades (text ghosts, borders stutter) until burn-through. The electromagnetic-spectrum-as-terrain essay, a decoy/deception gallery. Hero film (antenna farm dusk loop). Unforgettable: the page itself getting jammed.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/jamscreen/
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 full depth of JAMSCREEN — Listening Post Kestrel — by visiting the live exhibit. Explore all 175 rooms in this AI-designed universe at the hub and immerse yourself in the imagined electromagnetic battlefield, where signals tell stories of deception, interference, and covert operations.
Visit the live room → · Browse all 175 rooms
Previously in Wing V
- Room 119: Bomber Group 119 — The Long Night
- Room 116: Broadside — The Gun Deck, 1805
- Room 122: The Cenotaph at Night | A Two-Minute Vigil
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.
Fall Picks
fall essentials
As an affiliate, we earn on qualifying purchases.
