본문으로 건너뛰기

색상

크림 배경과 밝은 상품 카드를 기본으로 사용하고 테라코타는 구매 액션, 녹색은 완료와 배송 상태에 사용한다.

시맨틱 색상

--background

페이지의 크림색 배경

--surface

상품과 결제 카드

--surface-muted

옵션과 보조 정보

--foreground

상품명과 본문

--primary

구매와 예약 액션

--accent

선택과 키보드 포커스

--success

완료와 배송 상태

--warning

재고와 확인 필요

--danger

오류와 취소

--point

할인과 시즌 강조

상태는 색상만으로 전달하지 않는다. 아이콘과 주문 접수, 배송 중, 배송 완료 같은 실제 라벨을 함께 표시한다.