Geometry
Thick outlines
Cards, buttons, fields, and images carry a visible uniform dark stroke.
Industry-coined trend
Saturated blocks, thick black outlines, and crisp shadows without blur.
Also called: neo-brutalism, neubrutalism, neo brutalist UI
Neobrutalism is a deliberately designed graphic language. It combines saturated fills, uniform dark outlines, hard offset shadows, and heavy typography so elements resemble printed stickers.
Scope: This style is not raw HTML. Its appearance is highly composed. Strict Web Brutalism remains the right category for native materials and exposed structure.
A credible example should make these signals visible without relying on the style name.
Geometry
Cards, buttons, fields, and images carry a visible uniform dark stroke.
Depth
The shadow is a solid offset shape with no blur.
Color
Yellow, pink, green, or cyan appear as direct flat fills on a light ground.
Typography
Headings are wide, bold, and short, while body text stays plain.
Choose the intent that matches the actual work. Each brief preserves the style signals and safeguards.
Create this interface with Neobrutalism using saturated fills, a uniform 2 to 3px dark stroke, solid offset shadows without blur, and heavy headings. Keep body text simple and highly contrasted.
Preserve existing components and hierarchy. Replace blurred shadows with crisp offsets, apply one outline rule, and limit the palette to a few coherent flat fills.
Repair the system by harmonizing outline width, shadow offset, and pressed states. Reduce the number of colors and ensure focus remains visible beside the borders.