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.
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
- Room 6: Abyssal Station — a 3,800 m descent
- Room 15: Apothecarium — Bitters & Botanical Remedies, est. 1783
- Room 16: BRUTA — Raw Concrete Architecture Collective
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.
KDUJKSO Miniature Retro Old Desktop Computer Monitor CRT Style
Retro Desk Display: Placed on desks or shelves as a visual accent inspired by early computer monitor designs…
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
CSS CRT display effects
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
interactive terminal emulator
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
2026 New Retro Gaming Console with 23 Emulators and 40000+ Games, Plug and Play Video Games for TV, 4K HDMI Retro Game Stick with Dual 2.4G Wireless Controllers 128GB
40000+ Classic Games & 23 Built-in Emulators:This retro gaming console comes with a 128GB TF card preloaded with…
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
