ZZEM Sprints
Explore Clusters System

Motion

4-curve system. ease-out 140 / spring-soft 220 / spring-handoff 320 / linear-fast 100.

4개 커브

원칙

임의 커브 추가 금지. 이 4개로 모든 인터랙션 설명되어야 함. 새 느낌이 필요하면 duration만 조정.

reduced-motion

모든 스프링 → linear-fast. shared-element transition → cross-fade 80ms. hover transform 제거, 색 변화만 유지.

ease-out-quart 140ms · cubic-bezier(0.25, 1, 0.5, 1) 기본 UI
spring-soft 220ms · cubic-bezier(0.34, 1.35, 0.64, 1) 카드 hover
spring-handoff 320ms · cubic-bezier(0.22, 1.5, 0.36, 1) 프리뷰 확장
linear-fast 100ms · linear reduced-motion 폴백

Exemplars referencing motion

7