Neobrutalism is the modern take on raw: 2–4px hard black outlines, shadowless flat color blocks, fluorescent accents, and slightly tilted sticker-like elements, with indigo (#432DD7) and yellow (#FDC800) colliding loudly. The design is deliberately ill-fitting — coarse but friendly. Made for startups, indie products, and young brands that want a sharp presence.
BoldBrutalism
Prompt Template
Base Template
Design a Neobrutalism-inspired interface. Colors: #432DD7, #16A34A, #D97706, #DC2626 with #432DD7 accent. Typography: #FDC800.
Variant Prompts
📱 Mobile
Design a mobile app with Neobrutalism aesthetics. Use Neobrutalism color identity with #432DD7 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Neobrutalism style. Use Neobrutalism color identity with #432DD7 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Neobrutalism design language. Use Neobrutalism color identity with #432DD7 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Neobrutalism visual identity. Use Neobrutalism color identity with #432DD7 accents. Compelling, conversion-focused.
Usage Examples
Neobrutalism App
WebBuild a web app with Neobrutalism design language and #432DD7 color system.
Neobrutalism Dashboard
DashboardCreate a dashboard using Neobrutalism style with data visualization and #FDC800 typography.
✅ Best For
- Bold
- Youth brands and streetwear products
- Indie project showcases
❌ Avoid For
- Traditional financial websites
- Quiet reading sites
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.