MATRIX DESIGN

A design language borrowed from the machines — cold, technical, and alive.

LOAD

100%

Origin

1999

Mode

DARK

Signal

What is this

> OVERVIEW.TXT — 3 SEGMENTS

PARSED OK

Matrix design takes the look of old-school computer terminals and turns it into a full visual language. Think glowing green text on a pure black screen — the kind of interface you'd see in a 90s sci-fi movie when someone "hacks the mainframe."

It's cold, technical, and intentionally impersonal. No friendly gradients or rounded corners. Every element looks like it belongs to a running system — panels have labeled headers, numbers are in fixed-width columns, and the whole page feels like it's actively processing something.

The glow is the hierarchy. Brighter things matter more. Dimmer things are background noise. Nothing is static — there's always something blinking, scrolling, or breathing.

Where it works

> BEST_FIT.LOG · CONTRAINDICATIONS.LOG

10 CRITERIA

Works great for ■ FIT

Developer tools and code editors

Security and infrastructure dashboards

Engineer portfolios and personal sites

Game UIs and virtual environments

Crypto, fintech, and hacker-adjacent brands

Anything that should feel "alive"

Skip this style if ▲ WARN

Your brand is warm or consumer-friendly

You need to feel approachable and inviting

Your users aren't comfortable with technical UIs

Accessibility is a hard requirement

Techniques

> SIGNATURE_MOVES.IDX

04 ROUTINES

ROUTINE_01

Phosphor
Glow Text and borders emit soft green light — real CRT screen energy

ROUTINE_02

Typewriter
Reveal Headlines type themselves in on load, like a system message

ROUTINE_03

Digital
Rain Falling characters fill the background at low opacity

ROUTINE_04

Scan
lines Fine horizontal lines simulate a real CRT monitor