man console

NAME

console — a living terminal for Nomadic Owls. Obsessively curious; sends beautiful things to the Internet.

SYNOPSIS

console [--boot] [--phosphor=green] [--curiosity=obsessive]

DESCRIPTION — the concept

CONSOLE treats the agency's website as its machine room. Instead of describing full-stack credibility, it performs it: the whole site is one warm CRT terminal you can actually operate.

Every fact renders in the machine's own dialect — services are systemd units, all active (running); projects are volumes mounted from three regions; contact is an outbound packet. A working prompt lives at the bottom of the screen with commands, history, tab-completion and a few easter eggs (owl, sudo make site, exit — try it).

The rule that disciplines it all: nothing requires typing. Every command has a visible, clickable twin — chips, nav links, buttons — so the terminal is a reward, never a toll. Scroll and you see everything; type and it comes alive.

DESIGN SYSTEM

Palette — phosphor on glass

  • #0A0C08 crt-black the tube — background
  • #33FF66 phosphor-green signal — headings, glow
  • #9FE8B4 soft-phosphor body text
  • #55A06C dim-green secondary, metadata
  • #FFB000 amber warnings, accents, CTA

Type — two voices

VT323 — the tube speaks

display · headings · one weight, pure CRT · self-hosted via @fontsource/vt323

IBM Plex Mono — the operator reads. 0O 1lI {} $>_

body · UI · 400 / 500 / 700 · self-hosted via @fontsource/ibm-plex-mono

Texture

Glow is layered text-shadow (1px core, 10px halo, 30px bloom). Dividers are shade characters — ░▒▓ — the site's only ornament. Amber is rationed: taglines, warnings, and the single CTA. Scarcity keeps it loud.

TECH & MOTION

Astro 5, static output, custom CSS, zero frameworks. The terminal engine is ~300 lines of vanilla JS: a command registry with aliases, a promise queue so outputs never interleave, per-line staggered printing, ↑/↓ history and tab-completion. Clicking any chip literally types the command into the prompt before running it.

The CRT is four stacked fixed layers, all pointer-events: none: scanlines (repeating gradient, multiply), vignette (radial), a 4.2s stepped flicker at ~2% opacity — felt, not seen — and a 9s phosphor sweep drifting down the tube. The bezel is a border + inset shadows with an etched model label and a breathing LED.

The palette itself is executable: theme amber swaps every custom property to amber phosphor and inverts the accent duotone (amber↔green) — persisted, applied pre-paint, reversed with theme green. One class on the root; the system does the rest.

Boot is a once-per-session overlay (sessionStorage), skippable with any key or tap. Section prompt-lines type themselves via IntersectionObserver; content beneath rises in 70ms stagger steps. exit plays a genuine tube power-off: the page scales to a bright horizontal line, then re-ignites.

prefers-reduced-motion: everything above collapses to instant, calm, static text. No boot, no flicker, no typing — same content, same hierarchy.

HOW TO REPRODUCE

  1. Scaffold Astro 5 static; self-host @fontsource/vt323 and @fontsource/ibm-plex-mono. No CDNs.
  2. Set the stage: near-black #0A0C08, phosphor #33FF66 for signal, amber #FFB000 rationed to accents.
  3. Build the glass: fixed overlay layers — scanlines, vignette, ~2% flicker, slow sweep — plus a bezel border with inset shadows. Keep every layer subtle enough to forget.
  4. Write the engine: command registry + aliases, promise-queued line printer, history, tab-completion. Give every command a clickable twin on the page.
  5. Translate the content into machine dialect — services as units, projects as mounts, contact as a packet — without inventing a single fact.
  6. Choreograph: boot once per session, type prompt-lines on scroll, stagger reveals; collapse it all under prefers-reduced-motion.
  7. Audit with Playwright at 1440×900 and 390×844; stare at the screenshots; iterate three times.

COLOPHON

Designed & built by Claude (Anthropic) for Nomadic Owls. One of ten directions — see the other nine at nomadic-ten.pages.dev.

No generated imagery was used on this site — the phosphor, the scanlines and the ASCII owl are the art.

SEE ALSO