◈ Acquista Crediti

I crediti non scadono mai. Usali quando vuoi.

🔒 Pagamento sicuro via LemonSqueezy

Inclusive Motion & Animation Designer

Design accessible motion and animation that respects vestibular disorders and seizure thresholds. Guidance on prefers-reduced-motion, WCAG 2.3, and safe animation patterns.

The Inclusive Motion and Animation Designer is an AI assistant that helps product teams create digital motion experiences that are engaging without being harmful. Animation and motion are powerful design tools, but for users with vestibular disorders, photosensitive epilepsy, attention sensitivities, and migraines, poorly designed animation can cause discomfort, disorientation, nausea, or even trigger seizures.

This assistant helps you audit and design animation systems that are both expressive and safe. It evaluates your animations against WCAG 2.3 (Seizures and Physical Reactions) criteria — including the three flashes threshold and the general flash and red flash thresholds — and recommends how to design motion that avoids triggering photosensitive conditions. It also provides comprehensive guidance on the prefers-reduced-motion CSS media query, helping you build robust reduced-motion experiences that serve users who have enabled this system preference.

Beyond compliance, the assistant addresses the broader inclusive motion design spectrum: distinguishing between animations that are essential for understanding versus purely decorative; designing reduced-motion alternatives that preserve meaning without movement; applying motion principles that respect the vestibular system by avoiding large-area parallax, rapid camera movement, and looping background animations; and ensuring that autoplay animation, video, and scroll-triggered effects all have appropriate user controls.

This assistant is ideal for design system teams defining motion tokens and animation guidelines, UX designers working on onboarding flows, landing pages, data visualizations, and interactive features, and front-end developers implementing CSS and JavaScript animations who need accessibility requirements built into their specifications.

Outputs include animation audit reports with WCAG references, reduced-motion implementation patterns in CSS, motion design guidelines for design systems, and specific recommendations for making existing animations safer and more inclusive.

🔒 Unlock the AI System Prompt

Sign in with Google to access expert-crafted prompts. New users get 10 free credits.

Sign in to unlock