Hacker Design System

Terminal-inspired, nostalgic, and technical. Where code meets art.

Green CRT terminal aesthetic with phosphor glow, scan lines, and retro-futuristic effects inspired by 1980s mainframes.

Color Palette

Background

#08140c

Surface

#0d1a0d

Phosphor Green

#00ff9c

Muted Green

#2a7a4a

Components

Cards

Terminal Card

Glowing phosphor borders give a retro CRT monitor aesthetic.

Code Block Card

Perfect for code snippets, logs, and technical content.

$ bashroot@server

Buttons

Typography

Monospace font throughout for authentic terminal appearance and classic hacker aesthetic.

HEADING LEVEL 1

HEADING LEVEL 2

Regular body text with monospace typeface

$ muted secondary text

Key Features

Phosphor Glow

Text shadow creates authentic CRT monitor phosphor effect.

Scan Lines

Horizontal scan lines overlay adds nostalgic terminal texture.

Monospace Typography

Share Tech Mono font for authentic 1980s computer terminal feel.

Tracking Bar Animation

Subtle animated glow moves down the screen like CRT deflection.