← Back
Best viewed on a desktop. Please switch to a larger device.

TERM
INAL
MODE

Phosphor green on near-black, monospace type, blinking cursors, CRT scanlines. The terminal aesthetic transforms interfaces into command-line environments - raw, functional, and unmistakably cool.

#00FF41
Phosphor green
▌
Blink cursor
MONO
Type only
root@system:~
root@system:~$ ./boot --init
[ OK ] Loading kernel modules…
[ OK ] Mounting filesystems…
[ WARN ] Clock skew detected (+3s)
[ OK ] Starting network services…
root@system:~$ whoami
root
root@system:~$
system monitor
// SYSTEM STATUS
CPU ████████░░ 82%
MEM ██████░░░░ 60%
DISK ████░░░░░░ 44%
NET ↑ 1.24 MB/s
NET ↓ 8.91 MB/s
Colour

Terminal Colour Palette

Near-black base · Phosphor green primary · Semantic colours for output types
Void Black
#0D0D0D
Background base
Phosphor Green
#00FF41
Primary text, UI
Cyan
#00D4FF
Labels, info output
Amber
#FFB000
Warning output
Error Red
#FF4136
Error, critical output
Windows

Terminal Window Patterns

bash - 80×24
user@host:~/project$ git status
On branch main
Changes not staged for commit:
modified: src/index.ts
modified: styles/main.css
new file: components/Card.tsx
user@host:~/project$ git add .
user@host:~/project$
deploy.sh
→ Building production bundle…
Compiling TypeScript… done
Bundling assets… done
Optimising images… done
→ Running tests…
✓ 128 tests passed (3.4s)
→ Deploying to production…
✓ Deployed to edge network
✓ All systems operational
Type

Type System

Display / Hero SYSTEM_ONLINE 48px · JetBrains 700
Phosphor glow
H1 / Section // NETWORK STATUS 29px · JetBrains 500
// prefix convention
Command root@server:~$ ls -la /proc 16px · JetBrains 400
+ cursor animation
Output Success [ OK ] Service started successfully 14px · JetBrains 300
Semantic bracket tags
Output Warning [ WARN ] High memory usage detected 14px · amber = warn
red = error
Components

UI Components

// BUTTONS

// INPUT FIELDS

// FLAGS & PROGRESS

✓
✓
// SYSTEM LOAD
CPU 82%
MEMORY 60%
DISK 44%
NETWORK 91%
Navigation

Navigation Patterns

// Terminal Navbar
// Tabs
> Tab content loaded. Awaiting input_
Layout

Full Application Layout

control-panel - root@prod-01
ONLINE
▸ DASHBOARD
⚙ PROCESSES
◈ NETWORK
⚠ ALERTS (2)
≡ LOGS
~ SHELL

// SYSTEM DASHBOARD

4,821
Requests/s
↑ 12%
99.9%
Uptime
30d avg
82%
CPU Load
↑ High
2
Alerts
Action req
[2026-03-06 08:14:22] INFO Deploy #482 completed successfully
[2026-03-06 08:14:18] INFO Health check passed - all 12 nodes
[2026-03-06 08:13:55] WARN CPU spike on node-07 (82% - threshold 80%)
[2026-03-06 08:13:42] INFO SSL certificates renewed - valid 90d
root@prod-01:~$
Principles

Core Principles

01 // MONOSPACE

One Typeface, Always Mono

Every character, every label, every data point - monospace only. The fixed-width grid is the structural foundation of the terminal aesthetic. Variable-width fonts break the illusion entirely.

02 // PHOSPHOR

Phosphor Green on Void Black

#00FF41 on #0D0D0D mirrors the CRT phosphor screen. Add text-shadow with matching colour to simulate the physical glow of the phosphor - but apply it sparingly.

03 // SEMANTIC

Colour = Output Type

Amber for warnings. Red for errors. Cyan for labels. Green for success. This maps to standard ANSI terminal colour conventions - users already understand it without instruction.

04 // DENSITY

Information Density

Terminals carry maximum information per pixel. Dense line-height (1.6–1.85), compact padding, and tight typography are features - not compromises. Every character earns its space.