brutal-* palettes with hard borders and flat shadows.

The original implementation#

Brutalist v1 components lean on the brutal-red/yellow/blue families: 2px borders, offset shadows, uppercase black-weight type.

Sample#

html
<div class="brutalist-card p-6"><h3 class="uppercase font-black">LOUD</h3><button class="btn-brutal mt-4">DO IT</button></div>

Legacy & migration#

The v1 file is frozen forever. To keep this exact look on the modern engine, follow the migration guide — the whole design system is re-expressed as a Nakshora config.

Components · Colors · Utilities