AI 분석
떠 있는 단일 카드 패널 안에서 상태 전환을 보여주는 다크 모드 제품 UI 모션 탐구 4편이다.
네 편 모두 어두운 배경 위에 둥근 모서리의 단일 패널을 띄우고 그 안에서만 화면이 전환되는 구조다. 거의 검정에 가까운 배경과 미세한 보더로 층을 나누고 본문은 산세리프, 메타 정보는 자간을 넓힌 대문자 모노스페이스로 대비를 준다. 주황과 초록을 상태 강조색으로만 쓰며 막대 차트, 스파크라인, 레이더 차트, 탭 세그먼트, 툴팁, 토스트, 승인 요청 배너, 체크리스트 진행 표시 같은 컴포넌트가 순차적으로 살아난다. 데이터 밀도가 높은 패널에서 상태 변화와 마이크로 인터랙션을 어떻게 설계할지 보여주는 레퍼런스로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-22 08:14 · 신뢰도 0.80
