탐색Component이커머스 상품 상세 섹션 블록 세트 — 2단 레이아웃

1 / 1

청록 그라데이션 배경 위 흰 브라우저 카드 안에서 상품 상세 섹션 변형이 순차로 스크롤된다. 좌측 이미지 갤러리와 우측 가격·옵션·CTA 칼럼, 아코디언 상세, 별점 분포와 리뷰 캐러셀, 추천 상품 행이 차례로 지나간다.

Component

이커머스 상품 상세 섹션 블록 세트 — 2단 레이아웃

2026-09-05 · 동영상 1

X에서 보기

AI 분석

흑백 미니멀 톤의 이커머스 상품 상세 페이지 섹션 변형을 연속으로 보여주는 UI 블록 모음이다.

흰 카드형 캔버스 위에 좌측 상품 이미지 갤러리와 우측 정보 칼럼을 배치한 2단 레이아웃이 기본 골격이며, 하단으로 상세 탭·리뷰·추천 상품 섹션이 이어진다. 산세리프 굵은 상품명과 큰 가격 수치로 위계를 잡고 색은 흰 배경·검정 CTA·회색 보조 텍스트에 별점 노랑만 강조로 쓴다. 썸네일 캐러셀, 옵션 칩과 라디오형 묶음 구매 카드, 수량 스테퍼, 아코디언 상세, 별점 분포 막대, 리뷰 카드 캐러셀 등 커머스 컴포넌트가 폭넓게 들어 있다. 상품 상세 화면을 구성할 때 섹션 단위 변형과 정보 배치 패턴을 비교하기 좋은 레퍼런스다.

minimal · light-mode · high-contrast · corporate

badge button card-grid component design-system ecommerce light-mode minimal multi-column product-detail progress tabs testimonial typography-focused

claude-opus-5 · 2026-09-07 06:12 · 신뢰도 0.82

Toby

@tobybelhome · 팔로워 5,471

작가 페이지 X

원본 트윗

A set of product detail sections you can drop into your e-commerce projects. Built with shadcn/ui, Tailwind and React. ➡️ https://shadcnuikit.com/blocks/ecommerce/product-details

좋아요 5 · 리트윗 0

x.com/tobybelhome/status/2096189655288775015