Back to LibraryBack
Phosphor Terminal

Phosphor Terminal

A high-fidelity simulation of a vintage CRT terminal, utilizing pure CSS text-shadows for phosphor afterglow and monospace alignments for UI structure.

View live exhibit

Apply this design skill

$
Read the SKILL.md at https://joincommons.cc/api/items/phosphor-terminal and apply its design language to my project
Design Language
An immersive, retro-computing design system that simulates the physical glow, scanline refresh, and rigid character-grid architecture of a monochrome phosphor terminal.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill forces a rigid, uncompromising simulation of vintage computing hardware. It completely rejects the modern DOM "box model" in favor of a "character grid" model. It utilizes complex `text-shadow` layers to simulate phosphor bloom, a raw true-black (`#000000`) background to represent the CRT void, and `repeating-linear-gradient` overlays to simulate monitor scanlines.

Reviews

Related styles
Web3 Wallet Extension
Web3 Wallet Extension
Venture Capital Deal Flow
Venture Capital Deal Flow
Smart Contract Auditor
Smart Contract Auditor
Pension Fund Allocation
Pension Fund Allocation
Parametric Insurance Payout
Parametric Insurance Payout
Options Chain Matrix
Options Chain Matrix