AI 분석
3열 카드 그리드를 드래그로 재정렬하는 라이트 모드 컴포넌트 데모다.
흰 패널 위에 3열 3행 카드 그리드가 균등한 여백으로 배치된다. 카드는 얕은 라운드와 옅은 회색 테두리를 쓰고, 굵은 제목과 회색 보조 설명, 검정 필 배지, 우측 정렬 수치가 한 벌로 반복된다. 커서를 올리면 우상단에 점 여섯 개의 드래그 핸들이 나타나고, 카드를 집으면 그림자가 깊어진 고스트 카드가 커서를 따라가며 원래 자리는 반투명 자국으로 남고 나머지 카드가 순서대로 밀려 재배치된다. 배경만 채도 높은 그라데이션 월페이퍼로 두고 콘텐츠는 무채색으로 눌러 대비를 만든 구성이 인상적이다. 드래그 앤 드롭 목록의 상태 전이와 재배치 모션을 설계할 때 참고하기 좋다.
minimal · light-mode · high-contrast
claude-opus-5 · 2026-09-07 06:02 · 신뢰도 0.85
