Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. 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.
Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative, SaaS
style fit score
Scroll anim (Intersection Observer), hover (300-400ms), entrance, parallax (3-5 layers), page transitions
Build an animation-heavy interface with scroll-triggered animations, microinteractions, parallax scrolling (3-5 layers), smooth transitions (300-400ms), entrance animations, page transitions. Use Intersection Observer for scroll effects, transform for performance, GPU acceleration.
animation: @keyframes scroll-reveal, transform: translateY/X, Intersection Observer API, will-change: transform, scroll-behavior: smooth, animation-duration: 300-400ms
Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative, SaaS
Vibrant rose + engagement blue
Handwritten Charm
Caveat / Quicksand
Use Caveat sparingly for accents. Quicksand for body.
Financial time-series with Open/High/Low/Close data; trading or investment product context only
Accessibility: ⚠ Prefers-reduced-motion · B
Performance: ⚠ Good
Mobile: ✓ Good
Avoid: Data dashboards, critical accessibility, low-power devices, content-heavy, motion-sensitive
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA