Hero architecture
Design with exaggerated minimalism. Use: oversized typography (clamp 3rem-12rem), extreme negative space, black/white primary, single accent color only, bold statements, minimal elements, dramatic contrast.
Bold minimalism, oversized typography, high contrast, negative space, loud minimal, statement 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.
Fashion, architecture, portfolios, agency landing pages, luxury brands, editorial
style fit score
font-size: clamp(3rem 10vw 12rem), font-weight: 900, letter-spacing: -0.05em, massive whitespace
Design with exaggerated minimalism. Use: oversized typography (clamp 3rem-12rem), extreme negative space, black/white primary, single accent color only, bold statements, minimal elements, dramatic contrast.
font-size: clamp(3rem, 10vw, 12rem), font-weight: 900, letter-spacing: -0.05em, color: #000 or #FFF, padding: 8rem+, single accent, no decorations
Fashion, architecture, portfolios, agency landing pages, luxury brands, editorial
Professional blue + success green [Accent adjusted from #22C55E for WCAG 3:1]
Science/Tech
Exo / Roboto Mono
Exo for modern tech feel. Roboto Mono for code/data.
Scientific/engineering context where Z-axis carries essential info not expressible in 2D
Accessibility: ✓ WCAG AA · D
Performance: ⚡ Excellent
Mobile: ✓ High
Avoid: E-commerce catalogs, dashboards, forms, data-heavy, elderly users, complex apps
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA