Brutalism borrows from raw concrete architecture: no softening, no ornament — exposed structure, stark borders, and saturated blocks assert an honest anti-design stance. Mustard (#DAA144) and brick red (#DD614C) collide over a black-and-white skeleton, type runs heavy, and boundaries stay hard. Made for avant-garde brands, cultural events, and creative projects with attitude.
BoldBrutalism
Prompt Template
Base Template
Design a Brutalism-inspired interface. Colors: #DAA144, #16A34A, #D97706, #DC2626 with #DAA144 accent. Typography: #DD614C.
Variant Prompts
📱 Mobile
Design a mobile app with Brutalism aesthetics. Use Brutalism color identity with #DAA144 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Brutalism style. Use Brutalism color identity with #DAA144 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Brutalism design language. Use Brutalism color identity with #DAA144 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Brutalism visual identity. Use Brutalism color identity with #DAA144 accents. Compelling, conversion-focused.
Usage Examples
Brutalism App
WebBuild a web app with Brutalism design language and #DAA144 color system.
Brutalism Dashboard
DashboardCreate a dashboard using Brutalism style with data visualization and #DD614C typography.
✅ Best For
- Bold
- Avant-garde art and experimental projects
- Attitude-driven cultural pages
❌ Avoid For
- Traditional financial institution sites
- Delicate gentle baby products
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.