Neubrutalism
Bold outlines, loud accents, zero apologies
boldposterplayful
Neubrutalism UI. Background #FAF9F6 with foreground #141414. Use thick 3px solid black borders, 0px radius, and hard offset shadows (6px 6px 0 #141414). Typography: headings in 'Bricolage Grotesque' weight 700, body in 'Plus Jakarta Sans' weight 500. Palette accents: safety yellow #FFBD2E, electric blue #1CB0F6, hot pink #FF4DCA, success green #22C55E, surfaces #FFFFFF. Components should feel like bold print posters: chunky dividers (dashed or solid), sticker badges with pill shape and slight rotation, emphasized underlines via highlight gradient, and occasional deliberate offset (small rotate/translate). Buttons: solid fill with 3px border and 6px shadow; on hover (if shown) shift 2px and reduce shadow. Cards: white surface, bold header block in an accent color, big title, readable description, and a strong CTA button.
Neubrutalism borrows the confidence of print posters: thick outlines, bright sign-like colors, and shadows that look cut-out rather than soft. It favors simple geometry, loud hierarchy, and a touch of intentional imperfection. Use it when you want UI that feels energetic, opinionated, and impossible to ignore.
Card
Button
Badge
BETAHOT2 MIN SETUP