본문으로 건너뛰기

패턴

상품 탐색부터 장바구니, 결제와 주문 확인까지 반복되는 과업을 묶는다.

패턴

장바구니가 비어 있어요

상품을 둘러보고 담아 보세요.

빈 상태

상품이나 주문이 없는 이유와 다음 액션을 안내한다.

상품상태
린넨 셔츠배송 준비
여름 과일 세트배송 중
테이블

주문, 옵션과 가격 데이터를 시맨틱 표로 표시한다.

주문
상품
상태
ORD-2401
린넨 셔츠
배송 준비
ORD-2402
여름 과일 세트
배송 중
데이터 그리드

폭이 큰 상품과 주문 데이터를 열 너비와 스크롤 영역에 배치한다.

날짜 구분선

주문 기록과 예약 일정을 날짜별로 나눈다.

주문 번호
ORD-2402
결제 수단
신용카드
설명 목록

주문 번호, 결제 수단과 배송 정보를 용어와 값의 쌍으로 정렬한다.

린넨 셔츠

여름 의류

842

판매

+12%

4.8

평점

데이터 스탯 카드

상품이나 매장의 이름과 판매 지표를 한 카드에 담는다.

배송 추적

제공: Ceres

배송 위치를 자동으로 갱신합니다.

연동 카드

결제와 배송 서비스의 연결 상태와 액션을 함께 표시한다.

여름 마켓 라이브

19:00
이벤트 카드

라이브 판매와 방문 예약의 제목, 시간과 참여자를 표시한다.

오늘 수확

유기농 토마토

4.8(128)
₩8,900
상품 카드

이미지부터 가격과 구매 버튼까지 자연스럽게 살펴볼 수 있는 상품 카드.

결제 금액

상품
24,800원
할인
-3,000원
총 결제 금액
21,800원
주문 요약

상품 금액, 할인, 배송비와 최종 결제 금액을 차례로 보여 준다.

린넨 셔츠

크림 · M

49,000원
수량 1
장바구니 항목

상품 이미지, 옵션, 가격, 수량과 제거 액션을 한 행에 배치한다.