Decommissioned Station Console Comes Alive: The Terminal Nine Interactive Exhibit

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

TERMINAL NINE — a decommissioned station computer, still running one story — CSS-only CRT — Room 21 of 175: “TERMINAL NINE — a decommissioned station computer, still running one story” — visit the live site.

FOR BUSINESS

Open a free Amazon Business account

Business pricing, bulk buying and tax-exempt orders.

As an affiliate, we earn on qualifying purchases.

Enter the Last Remaining Console of a Cold War Relay Station

Terminal Nine is an AI-crafted digital artifact that reimagines a deserted station computer as an interactive text adventure. Using only CSS for the CRT visuals and JavaScript for storytelling logic, it’s a rare example of a machine that still whispers its story through a web interface, even after decades of silence. Its signature move? A CSS-only CRT display that vividly simulates the glow, scanlines, and curved tube of vintage monitors, transforming a simple webpage into a living relic of technological history.

Designing with a Signature Technique: The CSS CRT

The core aesthetic hinges on a meticulously crafted CSS-only CRT simulation, featuring layered text-shadows to mimic glow, elliptical borders for barrel curves, and animated shimmer effects for scanlines. The palette is limited to a dark void black background with green phosphor hues and amber warnings, evoking the feel of classic station consoles. Interaction is driven by a JavaScript state machine that navigates through multiple story nodes, enabling a seamless text adventure experience. The interface’s authenticity is maintained through careful synchronization of text output, flicker effects, and HUD updates—all controlled via requestAnimationFrame loops, creating a convincing old-school terminal vibe without any image assets.

Live view of TERMINAL NINE — a decommissioned station computer, still running one story — The room as it renders live — open it in your browser.

From Concept to Execution: A Three-Pass Approach

The project was built with a three-stage pipeline: initial development focused on translating the story into a JavaScript state machine; a rigorous critique refined the visual coherence and interaction fluidity; finally, an art director verified that the CSS CRT convincingly captured the vintage terminal aesthetic, ensuring the experience was both immersive and technically elegant. This guide aims to share the process, demonstrating how a combination of simple CSS and strategic scripting can produce a compelling, authentic relic.

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 21 of 175, “terminal9”):
TERMINAL NINE — interactive fiction. Fiction: a decommissioned station computer still running one story. Aesthetic: CRT phosphor: black #020503, green #33ff66 (amber #ffb000 for warnings), glow bloom via text-shadow. Fonts: vt323 (terminal), silkscreen (chrome/labels). SIGNATURE: a PLAYABLE text adventure (10-14 nodes, state machine in JS): boot sequence (memory check, cursor blink) -> title art in ASCII -> story: you are the last operator of Terminal Nine; choices via clickable options AND typed commands (parse go/look/take/use with graceful fallbacks); one inventory puzzle (keycard) gating the good ending; three endings. Typewriter output with variable per-char timing and occasional phosphor flicker; CRT effects: scanlines, slight barrel curve (border-radius + inner shadow), refresh shimmer, screen-off animation if you type shutdown. A skip/fast-type toggle for accessibility. Frame it in a beige terminal bezel (CSS) with model plate. Unforgettable: people will actually play it to the end.

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

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 Last Console of a Lost World

Visit the live exhibition to explore Terminal Nine firsthand, and browse the full collection of 175 AI-crafted sites at the central hub. Discover how AI-driven design can revive forgotten machinery into modern interactive art.

Visit the live room → · Browse all 175 rooms

Previously in Wing I

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.