Neobrutalism × Film Noir — Design System

Production-grade darkness.

Born from film sets and war rooms. Every token earned. Every shadow deliberate. The design system that doesn't ask for permission.

// The Philosophy
Design that doesn't apologize. Dark because the work is serious. Brutal because polish is the enemy of truth.

BRUTnoir is not an aesthetic trend. It is a posture — borrowed from the shadows of film noir and the raw honesty of brutalist architecture. Every border is a statement. Every acid-green accent is a warning. The darkness is not decorative. It is deliberate.

Soft corners make soft commitments. Here, the radius is zero. The shadow is hard. The type is mono. The system does not beg for attention — it commands it.

// The Origin

Darkness Is Not a Choice.
It's a Resume.

It started in 2009, in a suburban school in the kind of town where the lunch menu was the most important piece of public communication. Alex Keys was thirteen years old and already bored with the options. So he taught himself web development and built a legacy ASP content management system for his school — from scratch, in weeks — because someone had to, and nobody else was going to. That was the first lesson: competence in a vacuum becomes responsibility.

By 2010 he was designing political campaigns. His cousin ran against a twenty-year incumbent. Nobody gave them a chance. Keys built the visual identity, the direct mail, the web presence — the whole machine — and when the votes were counted, the incumbent was done by twenty points. The second lesson: design is not decoration. It is persuasion with a deadline.

The years between 2011 and 2013 were the agency years in miniature — small businesses, more political sites, direct mail work that got results and got noticed. One of those who noticed was Vince Fields. Grit Creative. He saw what Keys was building before Keys had a name for it, and that introduction changed the trajectory. By 2014, Keys wasn't freelancing anymore. He was building Grit into a full-service agency — and then spending the next eight years doing exactly that. The third lesson: a studio is not a team. It is a point of view with payroll.

BRUTnoir is what happens when two decades of production work crystallize into a system. Film. Politics. Brand. Campaign. Every project leaves sediment. Patterns that survived client feedback, live shoots, election night war rooms, and product launches at scale. The tokens are not invented — they are excavated. The components are not designed — they are remembered. This is Nameless Famous's production design, distilled.

// The System

Three Pillars.

01

Tokens

Every color, shadow, space, and typographic scale — named, documented, and battle-tested across production campaigns.

02

Components

Buttons, badges, inputs, marquees, hero cards, service grids — every element composable, every prop documented.

03

Philosophy

The thinking behind the making. Noir voice, brutalist conviction, and two decades of production experience in long form.

// Live Components

The Parts.

Button
components/brand/Button
DecorativeLines
components/brand/DecorativeLines
Color Tokens
components/tokens.ts
Shadow System
shadowSm
shadow
modal
tokens.shadows
Typography
DM Serif Display
DM Mono — interface
DM Sans — body
tokens.fonts
Label System
ACTIVEDRAFTERRORWARM
components/brand/StatusBadge
// Start Here

Build in the dark.

The tokens are documented. The components are live. The philosophy is written. All that remains is the work.

Built by Nameless Famous — Defining creative.