Style: Brutalism. Type: General. Keywords: Raw, unpolished, stark, high contrast, plain text, default fonts, visible borders, asymmetric, anti-design. Primary Colors: Primary: Red #FF0000, Blue #0000FF, Yellow #FFFF00, Black #000000, White #FFFFFF. Secondary Colors: Limited: Neon Green #00FF00, Hot Pink #FF00FF, minimal secondary. Effects & Animation: No smooth transitions (instant), sharp corners (0px), bold typography (700+), visible grid, large blocks. Best For: Design portfolios, artistic projects, counter-culture brands, editorial/media sites, tech blogs. Do Not Use For: Corporate environments, conservative industries, critical accessibility, customer-facing professional. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Excellent. Accessibility: ✓ WCAG AAA. Mobile-Friendly: ◐ Medium. Conversion-Focused: ✗ Low. Framework Compatibility: Tailwind 10/10, Bootstrap 7/10. Era/Origin: 1950s Brutalist. Complexity: Low. AI Prompt Keywords: Create a brutalist design with raw, unpolished, stark aesthetic. Use pure primary colors (red, blue, yellow), black & white, no smooth transitions (instant), sharp corners, bold large typography, visible grid lines, default system fonts, intentional 'broken' design elements.. CSS/Technical: border-radius: 0px, transition: none or 0s, font-family: system-ui or monospace, font-weight: 700+, border: visible 2-4px, colors: #FF0000, #0000FF, #FFFF00, #000000, #FFFFFF. Implementation Checklist: ☐ No border-radius (0px), ☐ No transitions (instant), ☐ Bold typography (700+), ☐ Pure primary colors used, ☐ Visible grid/borders, ☐ Asymmetric layout intentional. Design System Variables: --border-radius: 0px, --transition-duration: 0s, --font-weight: 700-900, --colors: primary only, --border-style: visible, --grid-visible: true.