AI 분석
파일 업로드 모달의 진행·완료 상태 전환을 담은 다크 컴포넌트 데모다.
미세한 사선 패턴이 깔린 어두운 배경 중앙에 단일 업로드 모달이 떠 있는 오버레이 레이아웃이다. 제목과 파일명은 산세리프, 용량·상태·안내 문구는 모노스페이스 대문자로 이원화해 정보 위계를 만들고, 거의 무채색인 화면에서 주황 강조색만 링크와 진행 바에 쓰며 완료 상태에만 초록을 더한다. 점선 드롭존 아래에 파일 타입 배지가 붙은 행이 쌓이고, 각 행의 진행률은 매끈한 바 대신 눈금이 촘촘한 세그먼트 바로 표현되며 업로드가 끝나면 퍼센트가 체크 표시로 대체된다. 행을 지우면 모달 높이가 함께 줄고 마지막에는 빈 드롭존만 남아, 업로드 컴포넌트의 상태 전환과 컨테이너 리사이즈를 설계할 때 참고할 만하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 18:19 · 신뢰도 0.82
