AI 분석
장바구니에서 결제, 주문 완료까지 4단계로 이어지는 다크 모드 이커머스 체크아웃 패널이다.
중앙에 놓인 좁은 세로 패널 안에서 상품 목록, 배송 선택, 프로모션 코드, 합계, 주문 버튼이 둥근 섹션 카드로 쌓이고 상단에 단계 카운터가 붙는다. 거의 검은 배경에 회색 텍스트를 쓰고 주황색을 주요 버튼과 선택된 라디오 카드에만 쓰며, 라벨과 숫자에는 모노스페이스 대문자를 섞는다. 수량 스테퍼를 누르면 합계가 바뀌고 주황 눈금형 진행 바가 무료 배송 기준을 넘으면서 초록색 완료 상태로 전환된다. 이후 결제 수단 선택 화면과 예상 배송일·영수증을 보여 주는 주문 완료 화면으로 이어진다. 장바구니 상태 피드백과 단계형 체크아웃 흐름을 설계할 때 참고하기 좋다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-09-29 15:38 · 신뢰도 0.80
