Soft UI, embossed, debossed, convex, concave, light source, subtle depth, rounded (12-16px), monochromatic. 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.
Health/wellness apps, meditation platforms, fitness trackers, minimal interaction UIs
style fit score
Soft box-shadow (multiple: -5px -5px 15px, 5px 5px 15px), smooth press (150ms), inner subtle shadow
Create a neumorphic UI with soft 3D effects. Use light pastels, rounded corners (12-16px), subtle soft shadows (multiple layers), no hard lines, monochromatic color scheme with light/dark variations. Embossed/debossed effect on interactive elements.
border-radius: 12-16px, box-shadow: -5px -5px 15px rgba(0,0,0,0.1), 5px 5px 15px rgba(255,255,255,0.8), background: linear-gradient(145deg, color1, color2), transform: scale on press
Health/wellness apps, meditation platforms, fitness trackers, minimal interaction UIs
Indigo primary + emerald CTA [Accent adjusted from #10B981 for WCAG 3:1]
Modern Professional
Poppins / Open Sans
Geometric Poppins for headings, humanist Open Sans for readability.
Comparing discrete categories by magnitude; ranking or ordering is the core insight; categories ≤ 15
Accessibility: ⚠ Low contrast · AAA
Performance: ⚡ Good
Mobile: ✓ Good
Avoid: Complex apps, critical accessibility, data-heavy dashboards, high-contrast required
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA