BRUTALIST DESIGN SYSTEM

RAW.
BOLD.
UNAPOLOGETIC.

No soft gradients. No subtle shadows. Just thick borders, hard offsets, and design that doesn't ask for permission.

FEATURES

TOOLS BUILT
WITH CONCRETE.

Hard Shadows

Pixel-perfect offset shadows that respond to interaction. Press down, shadows move. Release, they spring back.

Bold Borders

Thick, unapologetic borders on everything. 3px solid, zero border-radius. Every element has edges.

Vibrant Colors

Saturated, attention-demanding palettes. No muted tones. Every color screams for attention.

Raw Typography

Bold, uppercase, and unapologetic. Text that declares itself without asking for permission.

Zero Radius

Nothing is rounded. Every corner is a sharp 90-degree angle. Design with edges, literally.

Honest Materials

No glass effects, no blur, no transparency. Solid colors, solid borders, solid design.

RAW DESIGNBOLD BORDERSHARD SHADOWSZERO APOLOGIESNO RADIUSCONCRETE AESTHETICRAW DESIGNBOLD BORDERSHARD SHADOWSZERO APOLOGIESNO RADIUSCONCRETE AESTHETIC
9K
BRUTALISTS
0
BORDER RADIUS
3px
BORDER WEIGHT
SHADOW DEPTH
VOICES

NO FILTER
FEEDBACK.

"BRUT forced us to be honest in our design. No hiding behind soft shadows and gradients. Our brand is 10x more recognizable now."

ALEX CHEN
CREATIVE DIRECTOR, RAW STUDIO

"The hard shadow system is addictive. Once you start pressing buttons and watching them respond, you can't go back to flat design."

JORDAN BLAKE
FRONTEND ENGINEER, CONCRETE CO

"Neo-brutalism isn't just an aesthetic — it's a philosophy. BRUT captures that philosophy perfectly in every component."

MORGAN LEE
DESIGNER, BLOCKWORKS

"Our users love the tactile feel of the interface. Every click has weight, every hover has response. It feels REAL."

SAM OKAFOR
PRODUCT LEAD, HARDHAT

READY TO
GET RAW?

Stop designing soft. Start designing honest. Build interfaces with edges, weight, and zero apologies.

GET STARTED FREE