Premium UI/UX design with strict visual hierarchy, image-first layouts, and accessibility-first implementation.

• Covers five design domains: landing pages, dashboards, SaaS products, and responsive mobile apps with explicit anti-patterns for avoiding generic AI aesthetics
• Enforces visual hierarchy through deliberate constraint: one hero element at 120% prominence, supporting elements at 60%, with mandatory deletion of redundant components before coding
• Requires WCAG 2.1 AA contrast compliance (4.5:1 for normal text, 3:1 for large text) and project-specific design tokens from globals.css instead of Tailwind defaults
• Includes multilingual typography tokens (English/Japanese size parity), spacing system (112px section gaps), and grid templates (2–4 columns by use case) with reference benchmarks (Spitfire Audio, Native Instruments)
• Provides explicit prohibition list: no gradient backgrounds, floating glows, color-coded CTAs, or micro-interactions; white or bordered buttons only, single-color backgrounds, Lucide icons mandatory