A design language built on exposed structure, massive type, and live system data. For products made by people who think in systems.
/01
Cyber Brutalism puts its structure on display. Grid lines are visible. Section numbers are right there. The layout has bones — and showing them is the point.
It looks like Vercel having a moment. Like Linear if it grew up. The kind of developer tool site that makes you want to build something the second you land on it. Dense, disciplined, and completely unapologetic about what it is.
It comes in two flavors: black background with electric lime, or warm white with electric purple. Both are equally intentional. You pick one, you commit, you don't mix them.
Looks Like
/02
APIs, CLIs, infra products, dev platforms. If your users read documentation for fun, this aesthetic speaks their language before you say a word.
VIEWDesign shops with a technical audience. The kind of agency that lists Vercel, Figma, and Replicate as clients — and means it. The raw grid signals capability on arrival.
VIEWAI platforms and infrastructure products built for technical users. The exposed structure signals capability before the product even loads.
VIEW/03
Five principles define the aesthetic. Every Cyber Brutalism implementation runs these at full strength — each one deliberate, each one load-bearing.
GET THE SKILL FILE/04
DARK — BLACK / LIME
Near-black background, acid yellow-green accent on everything interactive. High contrast, high intensity. This is the default — the version most people picture when they think Cyber Brutalism.
LIGHT — WHITE / PURPLE
Warm off-white background, electric purple as the primary accent. Zero rounded corners, full brutalism — at a different frequency. A strong choice for brands that want the systematic aesthetic in a lighter register.