AI 분석
같은 이메일 입력 필드에 전환 없음, 선형, 커스텀 베지어 이징을 적용해 비교하는 모션 데모다.
밝은 회색 배경 위에 세 줄의 비교 행이 세로로 배치되고, 왼쪽에는 표정 아이콘과 설정 라벨, 오른쪽에는 동일한 둥근 이메일 입력 필드가 놓인다. 라벨은 굵은 키와 일반 값으로 구성된 모노스페이스 서체를 쓰고, 색은 회색 계열과 흰색 필드만으로 절제되어 있다. 커서가 각 필드에 올라가면 테두리와 그림자가 진해지는 호버·포커스 상태가 나타나며, 전환 없음과 180ms 선형, 180ms 커스텀 이징의 차이를 나란히 보여 준다. 무표정에서 웃는 얼굴로 바뀌는 아이콘이 설정별 체감 품질을 직관적으로 전달한다. 상태 전환 타이밍과 이징 값을 정할 때 참고할 수 있는 마이크로 인터랙션 레퍼런스로 유용하다.
minimal · light-mode · monochrome
claude-opus-5-5 · 2026-10-16 17:56 · 신뢰도 0.75
