Accessible, color-blind friendly, high contrast, haptic feedback, voice interaction, screen reader, WCAG AAA, universal. 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.
Public services, education, healthcare, finance, government, accessible consumer, inclusive
style fit score
Haptic feedback (vibration), voice guidance, focus indicators (4px+ ring), motion options, alt content, semantic
Design for universal accessibility: high contrast (7:1+), large text (16px+), keyboard-only navigation, screen reader optimization, WCAG AAA compliance, symbol-based color indicators (not color-only), haptic feedback, voice interaction support, reduced motion options.
aria-* attributes complete, role attributes semantic, focus-visible: 3-4px ring, color-contrast: 7:1+, @media (prefers-reduced-motion), alt text on all images, form labels properly associated
Public services, education, healthcare, finance, government, accessible consumer, inclusive
Indigo brand + doc hierarchy [Accent adjusted from #F97316 for WCAG 3:1]
Brutalist Raw
Space Mono / Space Mono
All-mono for raw brutalist aesthetic. Limited weights.
Showing spread, median, and outliers of a dataset; comparing distributions across multiple groups
Accessibility: ✓ WCAG AAA · AA
Performance: ⚡ Excellent
Mobile: ✓ High
Avoid: None - accessibility universal
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA