AI 분석
주문 요약과 배송 이력 타임라인을 한 장의 라이트 모드 모달에 담은 이커머스 컴포넌트다.
밝은 회색 배경 위에 흰색 라운드 모달이 단일 칼럼으로 놓이고, 상단 주문 요약과 하단 이력 영역이 얇은 구분선으로 나뉜다. 타이포그래피는 산세리프 한 종을 굵기와 회색 단계로만 위계화해 라벨은 연회색, 값은 짙은 회색으로 대비를 만든다. 주문 번호 옆 상태 필 배지, 그라데이션 섬네일이 붙은 항목 리스트, 결제 수단 요약 행, 알약형 탭 네 개, 좌측 체크 아이콘과 세로선으로 이어지는 상태 타임라인이 핵심 컴포넌트다. 진행 상태를 색이 아닌 아이콘과 위치로 전달하고 초록 강조색을 활성 탭과 완료 노드에만 절제해 쓴 점이 주문 상세 화면 설계의 참고가 된다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 21:51 · 신뢰도 0.93
