Style: Neubrutalism. Type: General. Keywords: Bold borders, black outlines, primary colors, thick shadows, no gradients, flat colors, 45° shadows, playful, Gen Z. Primary Colors: #FFEB3B (Yellow), #FF5252 (Red), #2196F3 (Blue), #000000 (Black borders). Secondary Colors: Limited accent colors, high contrast combinations, no gradients allowed. Effects & Animation: box-shadow: 4px 4px 0 #000, border: 3px solid #000, no gradients, sharp corners (0px), bold typography. Best For: Gen Z brands, startups, creative agencies, Figma-style apps, Notion-style interfaces, tech blogs. Do Not Use For: Luxury brands, finance, healthcare, conservative industries (too playful). Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Excellent. Accessibility: ✓ WCAG AAA. Mobile-Friendly: ✓ High. Conversion-Focused: ✓ High. Framework Compatibility: Tailwind 10/10, Bootstrap 8/10. Era/Origin: 2020s Modern. Complexity: Low. AI Prompt Keywords: Design a neubrutalist interface. Use: high contrast, hard black borders (3px+), bright pop colors, no blur, sharp or slightly rounded corners, bold typography, hard shadows (offset 4px 4px), raw aesthetic but functional.. CSS/Technical: border: 3px solid black, box-shadow: 5px 5px 0px black, colors: #FFDB58 #FF6B6B #4ECDC4, font-weight: 700, no gradients. Implementation Checklist: ☐ Hard borders (2-4px), ☐ Hard offset shadows, ☐ High saturation colors, ☐ Bold typography, ☐ No blurs/gradients, ☐ Distinctive 'ugly-cute' look. Design System Variables: --border-width: 3px, --shadow-offset: 4px, --shadow-color: #000, --colors: high saturation, --font: bold sans.