AI 분석
컴포넌트 미리보기 모달의 툴바 툴팁과 도트 그리드 캔버스의 로딩·호버 디테일을 보여주는 모션 모음이다.
흐린 배경 위의 미리보기 모달과 연한 회색 도트 그리드 캔버스라는 두 가지 무대에서 작은 인터랙션을 보여준다. 모달은 연회색 헤더에 아이콘 버튼 네 개와 진한 파란색 알약형 CTA를 두고, 미리보기 영역은 라이트와 다크 테마를 오가며 무지갯빛 유체 커서 효과를 띄운다. 아이콘 호버 시 뜨는 회색 툴팁, 복사 후 체크 아이콘으로 바뀌는 피드백, 원형 스피너에서 퍼센트로 전환되는 진행 표시, 호버하면 라벨이 페이드 인되는 세로 아이콘 툴바가 눈에 띈다. 개발자 도구 UI에서 상태 피드백과 툴팁을 섬세하게 다루는 방법을 참고하기에 유용하다.
minimal · light-mode · techy · soft-gradient
claude-opus-5-5 · 2026-10-21 16:41 · 신뢰도 0.75
