Foundation
Motion
상태 변화와 레이어 진입에 쓰는 짧은 모션 기준입니다.
Token 살펴보기
동작에 맞는 전환 시간과 가속 곡선을 선택합니다.
Standard motion
focus와 hover는 빠르게, overlay의 위치 변화는 조금 더 분명하게 처리합니다. 운영체제의 reduced motion 설정에서는 이동을 제거합니다.
사용 기준
권장하는 사용
- opacity와 transform을 사용하고 reduced motion에서는 의미 없는 이동을 제거합니다.
피해야 할 사용
- 모션 완료에 의존해야만 내용을 이해할 수 있게 만들지 마세요.
검증 기준
- 라이트·다크 모드에서 각 토큰의 역할과 정보 구분이 유지되는지 확인합니다.
- 토큰을 재정의한 뒤에도 텍스트, 포커스, 경계가 선명하게 구분되어야 합니다.
- 브랜드 원색은 표현에, 의미 토큰은 화면의 역할과 상태에 맞춰 사용합니다.