Raw, unpolished, stark, high contrast, plain text, default fonts, visible borders, asymmetric, anti-design. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Design portfolios, artistic projects, counter-culture brands, editorial/media sites, tech blogs
style fit score
No smooth transitions (instant), sharp corners (0px), bold typography (700+), visible grid, large blocks
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.
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
Design portfolios, artistic projects, counter-culture brands, editorial/media sites, tech blogs
Premium dark + gold accent [Accent adjusted from #CA8A04 for WCAG 3:1]
Editorial Classic
Cormorant Garamond / Libre Baskerville
All-serif pairing for traditional editorial feel.
Exploring relationship between two continuous variables; identifying clusters or outliers in a dataset
Accessibility: ✓ WCAG AAA · B
Performance: ⚡ Excellent
Mobile: ◐ Medium
Avoid: Corporate environments, conservative industries, critical accessibility, customer-facing professional
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA