AI 분석
밝은 회색 배경 위에 떠 있는 주문 상세 모달을 상태와 펼침 정도에 따라 여러 변형으로 보여주는 화면이다.
연회색 캔버스 위에 둥근 모서리와 옅은 그림자를 가진 흰색 모달 하나가 중앙에 놓이는 단일 칼럼 구조다. 상단에 주문 번호와 상태 배지, 날짜 메타 정보, 인쇄·편집 액션이 놓이고 그 아래로 주문 상품 리스트 카드, 결제 요약 바, 탭형 세그먼트 컨트롤, 이전·다음 페이지네이션이 차례로 쌓인다. 타이포그래피는 작은 산세리프 위주이며 라벨은 회색, 값은 굵은 검정으로 대비를 만들고, 색은 초록·주황 상태 배지와 상품 썸네일의 그라데이션에만 제한적으로 쓴다. 접힘과 펼침, 완료와 배송중, 세로 스텝 타임라인이 열린 상태까지 나란히 제시해 하나의 모달이 데이터 양과 진행 단계에 따라 어떻게 늘어나는지 보여준다. 관리자 도구의 상세 오버레이 설계와 상태 변형 문서화 방식을 참고하기에 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 16:08 · 신뢰도 0.93
