33. Aurora Terminal

Phosphor-green CRT meets a violet-cyan aurora. JetBrains Mono command streams, glowing text shadows, and CRT scanlines for dev tools, infra, AI runtimes, and anything that should feel "in the machine."

Visual Preview

aurora@terminal:~
v2.4.1 · 11:47:03 UTC
$ initialize --mode=poetic
▸ loading aurora kernel ████████████ 100%
$ render --target=horizon
compile
./tomorrow● onlinestream: aurora-7latency 12ms

Hire an Expert

When to Use

Developer tools, AI infrastructure, CLIs, observability platforms, hacker-friendly SaaS

Key Vocabulary

Phosphor greenCRT scanlinesaurora gradient backdropJetBrains Monoterminal chromeglowing text-shadowanimated command streamstatus bar footercyan accent

Example Prompt

Build a developer-tool landing page that feels like a beautiful terminal:
- Background: deep navy hsl(225, 60%, 6%)
- Aurora curtain: 3 stacked radial gradients (violet hsl(280,70%,55%), cyan hsl(190,90%,60%), phosphor green hsl(140,90%,65%)) blurred 20px at 0.6 opacity
- 1px CRT scanlines across the entire canvas at 0.2 opacity (repeating-linear-gradient)
- Top chrome: pulsing green dot with phosphor box-shadow, "user@host:~" label, version + UTC timestamp on the right
- Animated command stream: 3 lines staggered 0.2s apart, "$" prompts dimmed, a loading bar of █ characters in the middle
- Hero headline in JetBrains Mono, font-bold, leading-[0.92], with text-shadow glow ("0 0 12px phosphor, 0 0 30px deep green"). Second line in cyan with its own cyan glow
- Animation: headline reveal eases letter-spacing from 0.4em to 0.02em over 1.2s
- Status bar footer: ● online · stream ID · latency, uppercase tracking-[0.2em]
- No rounded corners larger than rounded-md; no soft shadows — only glow
- Mobile: keep aurora and scanlines, shrink headline to clamp(28px, 8vw, 48px)

Pro Tip

"The aurora makes it beautiful, the scanlines make it believable. Without both, it looks like every other "dark mode dev tool" landing page."

Share this article

Risograph Dispatch Midnight Atelier