Brutalism design system
Heavy borders, bold contrast, and unapologetic rectangular UI components.
Live module
brutalist UI with hard black lines, loud yellow action, and intentionally raw layout structure.
Focus, hover, and status states share the same brand signal.
Typography
Headlines use the display stack with the declared scale and leading.
Surface
Cards, warm panels, borders, and raised states resolve through shared tokens.
Interaction
Buttons, inputs, and panels use brand-specific focus rings and easing.