AI 분석
장바구니에서 결제 수단 선택까지 한 다이얼로그 안에서 전환되는 체크아웃 모달이다.
회색 배경 위에 둥근 모서리의 흰 카드형 다이얼로그가 중앙 정렬로 떠 있고, 내부는 상품 목록·프로모션 코드·주문 요약·주요 액션 버튼의 단일 칼럼 스택으로 구분선을 두어 나뉜다. 타이포그래피는 무채색 산세리프로 굵은 제목과 회색 보조 텍스트가 위계를 만들고, 색은 흰색·검정·회색의 모노크롬에 상품 썸네일과 카드 브랜드 로고만 채도를 갖는다. 수량 스테퍼, 인풋과 버튼이 한 테두리 안에 붙은 프로모션 코드 필드, 라디오 선택형 저장 결제 수단 카드, 유효성 오류 시 빨간 테두리 인풋 같은 컴포넌트가 상태별로 드러난다. 장바구니에서 결제 화면으로 넘어갈 때 뒤로 가기 화살표가 닫기 버튼을 대체하며 같은 모달 안에서 단계가 전환된다. 체크아웃 다이얼로그의 정보 구조와 폼 상태 처리를 참고하기에 유용하다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-07 21:20 · 신뢰도 0.82
