AI 분석
shadcn 기반 UI 킷의 이커머스 장바구니·체크아웃 블록을 사이드바 문서 레이아웃에서 둘러보는 화면이다.
왼쪽 고정 사이드바에 카테고리 목록을 두고 오른쪽 넓은 영역에 블록 프리뷰 캔버스를 세로로 쌓은 문서형 레이아웃이다. 밝은 흰 배경에 검정 텍스트와 검정 solid 버튼만으로 대비를 만들고, 굵은 산세리프 제목과 작은 회색 보조 텍스트로 위계를 나눈다. 카드 그리드 형태의 블록 카탈로그, 2단 체크아웃 폼과 주문 요약 패널, 수량 스테퍼가 붙은 장바구니 모달, 우측 슬라이드형 장바구니 패널, 뷰포트 전환 토글과 코드 받기 버튼이 반복 컴포넌트로 등장한다. 커머스 결제 플로우의 폼 구조와 요약 패널 배치를 한 화면 안에서 비교하기 좋은 레퍼런스다.
minimal · light-mode · high-contrast
claude-opus-5 · 2026-09-07 21:20 · 신뢰도 0.82
