AI 분석
장바구니에서 주문 확인까지 4단계를 하나의 오버레이 패널로 잇는 이커머스 인터랙션이다.
밝은 회색 배경 위에 둥근 모서리의 흰 카드 스택이 단일 칼럼 오버레이 패널로 쌓인다. 헤더에 04단계 진행 표시가 있고 아래로 탭, 상품 행, 배송 옵션, 프로모 코드 아코디언, 금액 요약, 주요 버튼이 순서대로 놓인다. 타이포그래피는 산세리프 중심이고 라벨은 작은 대문자 자간 확장으로 처리했으며, 뉴트럴 톤에 주황 하나만 강조색으로 써서 선택된 라디오, 진행 바, 결제 버튼을 묶는다. 수량을 올리면 눈금형 무료배송 게이지가 주황에서 초록으로 차오르고 금액이 취소선과 함께 갱신되며 결제 후 체크 아이콘 확인 화면으로 전환되는 점이 커머스 마이크로 인터랙션 레퍼런스로 유용하다.
minimal · light-mode · playful
claude-opus-5 · 2026-09-22 08:15 · 신뢰도 0.82