Authentic CRT Console & Phosphor Luminescence
Retro Terminal channels vintage developer consoles with amber or green phosphor luminescence, subtle scanline raster lines, bracketed ASCII frames, and keyboard-driven utility. This entire page demonstrates the authentic design tokens, contrast coupling, and anti-slop rules of this style.
npx skills add kennedys0/taste-engine --skill taste-style-retro-terminal
Retro-Terminal Studio Lab
Test interactive shell commands, switch CRT phosphor color modes, calibrate raster scanline opacity, and verify tabular monospace data structures.
Type commands into the shell prompt below (e.g. help, status, theme amber, theme green, theme cyan, scanlines, clear) or click a quick action.
color: #FFB000; text-shadow: 0 0 7px rgba(255, 176, 0, 0.45);
| PID | DAEMON | CPU | MEM | STATUS |
|---|---|---|---|---|
| 1042 | crt-rasterd | 0.8% | 14MB | [RUNNING] |
| 1048 | style-router | 1.2% | 28MB | [RUNNING] |
| 1055 | anti-slop-gate | 0.2% | 9MB | [STANDBY] |
Each phosphor tone is measured against obsidian base canvas for dark mode and parchment ivory for light mode to prevent unreadable color bleed.
#5C3A00) against ivory paper (#F4F1EA) to prevent neon-on-white illegibility.
Install Retro Terminal or Full Engine
Choose whether you want this single standalone Retro Terminal skill or the full 10-style automated Taste Engine suite for your AI coding agents.
> Option A: Dedicated Retro Terminal Skill
Installs only the Retro Terminal style pack. Perfect if your project has already committed to this exact aesthetic and does not need a 10-style selector.
> Option B: Full Taste Engine (All 10 Styles + SEO + Anti-Slop)
Equips your AI agent with the autonomous style router, preflight interviews, 10 aesthetic packs, full-screen hero gating, and automatic SEO audit.
> Option C: Tailwind CSS & shadcn/ui Preset
Scaffold Retro Terminal utility tokens directly into your React, Next.js, or Vite frontend stack.
Retro-Terminal Design Tokens
Standardized CSS custom properties for instant copy-pasting into any stylesheet.
| Token Name | Dark CRT Default | Light Teletype | Specification |
|---|---|---|---|
| --taste-term-bg | #0C0D0E | #F4F1EA | Canvas backdrop base |
| --taste-term-surface | #14171A | #E8E4DA | Console panel background |
| --taste-term-well-bg | #080A0B | #DED9CD | Nested action well / buffer |
| --taste-term-phosphor | #FFB000 | #5C3A00 | Phosphor text & command stroke |
| --taste-term-text-muted | #A37C24 | #6B552F | Secondary metadata text |
| --taste-term-border | 1px solid rgba(255,176,0,0.35) | 1px solid #C4BDAC | Structural stroke specification |
| --taste-term-glow | 0 0 7px rgba(255,176,0,0.45) | none | Phosphor luminance radiation |
| --taste-term-scanline | repeating-linear-gradient(0deg, ...) | none | CRT horizontal raster lines |
| --taste-term-radius | 2px | 2px | Minimal terminal corner radius |
| --taste-term-font-mono | JetBrains Mono, monospace | JetBrains Mono, monospace | Monospace character grid font |
Frequently Asked Questions
#F4F1EA), phosphor glow and dark scanlines are turned off, and bright amber inverts to deep carbon burnt amber (#5C3A00), maintaining WCAG AAA contrast (> 8.9:1).
--taste-term-well-bg with dashed border). Mindless decorative card stacking without distinct command boundaries remains disallowed.
npx skills add kennedys0/taste-engine --skill taste-style-retro-terminal to install this standalone skill directly into your AI coding agents.
clamp() formulas, all command pills feature scrollable single-line wrappers, top navigation collapses into an accessible mobile hamburger drawer, and circular elements enforce aspect-ratio: 1 / 1 !important; flex-shrink: 0 !important; to eliminate oval squishing.