AI 분석
애니메이션 없는 토글과 부드럽게 전환되는 토글을 나란히 비교한 마이크로 인터랙션 데모다.
파스텔 그라데이션 배경 중앙에 두 개의 큰 알약형 토글 스위치가 좌우로 나란히 배치되고 아래에 모노스페이스 라벨이 붙는다. 꺼진 상태는 흰 트랙과 옅은 청회색 그라데이션 노브, 켜진 상태는 검은 트랙과 흰 노브로 고대비 흑백 대비를 이룬다. 왼쪽 토글은 상태가 순간적으로 바뀌고 오른쪽 토글은 노브 이동과 트랙 색 변화가 짧은 전환으로 이어지도록 설계되어 같은 컴포넌트의 모션 유무 차이를 보여준다. 부드러운 그림자와 단순한 형태 덕분에 토글 상태 전환 모션을 설계할 때 비교 레퍼런스로 유용하다.
minimal · soft-gradient · pastel · high-contrast · light-mode
claude-opus-5-5 · 2026-10-21 16:25 · 신뢰도 0.75
