AI 분석
드래그앤드롭 드롭존과 파일별 진행·실패·완료 상태를 갖춘 라이트 모드 업로드 모달 컴포넌트 세트다.
밝은 회색 배경 위에 흰색 카드형 모달을 올린 단일 칼럼 구성이며, 상단은 외부 소스 연동 버튼 2열 그리드, 하단은 점선 테두리 드롭존과 파일 목록으로 나뉜다. 타이포그래피는 소형 산세리프 본문 위주로 파일명과 용량·잔여 시간을 1차·2차 위계로 나누고, 색은 무채색을 기본으로 파란색을 업로드 강조와 활성 드롭존에, 빨간색을 실패·삭제에만 제한적으로 쓴다. 파일 항목은 그라데이션 썸네일, 선형 진행 바와 퍼센트, 취소·재시도·다운로드·삭제 아이콘 버튼으로 상태별 변형을 갖추고, 드롭존은 기본과 드래그 오버 두 상태를 나란히 제시한다. 하단 액션 바는 비활성 회색과 활성 검정 버튼으로 완료 조건을 드러낸다. 업로드 컴포넌트의 상태 커버리지와 오류 처리 패턴을 한눈에 비교할 수 있어 폼 인터랙션 설계 레퍼런스로 유용하다.
minimal · light-mode · soft-gradient
claude-opus-5 · 2026-09-07 16:12 · 신뢰도 0.93
