---
version: alpha
name: "Pantry"
description: "따뜻하고 친근하고 먹음직스럽게. 음식과 주문 앱을 위해. Pantry는 따뜻하고 먹음직스럽습니다. 크림 배경, 주문에는 토마토 레드, 신선함에는 허브 그린, 큼직하고 둥근 음식 카드, 친근한 그로테스크 제목 서체."
colors:
  primary: "#C9381E"
  on-primary: "#FFFFFF"
  secondary: "#2F7A4F"
  tertiary: "#D99121"
  neutral: "#6F5D50"
  surface: "#FFFAF3"
  on-surface: "#2A1A12"
typography:
  display-lg:
    fontFamily: "Bricolage Grotesque"
    fontSize: 40px
    fontWeight: 700
    lineHeight: 1.05
    letterSpacing: -0.02em
  headline-lg:
    fontFamily: "Bricolage Grotesque"
    fontSize: 30px
    fontWeight: 700
    lineHeight: 1.1
    letterSpacing: -0.015em
  headline-md:
    fontFamily: "Bricolage Grotesque"
    fontSize: 22px
    fontWeight: 700
    lineHeight: 1.2
    letterSpacing: -0.01em
  headline-sm:
    fontFamily: "Bricolage Grotesque"
    fontSize: 18px
    fontWeight: 700
    lineHeight: 1.3
  body-md:
    fontFamily: "DM Sans"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.5
  body-sm:
    fontFamily: "DM Sans"
    fontSize: 13px
    fontWeight: 400
    lineHeight: 1.4
rounded:
  sm: 16px
  md: 18px
  lg: 20px
  xl: 24px
spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 48px
components:
  button-primary:
    backgroundColor: "{colors.primary}"
    textColor: "{colors.on-primary}"
    rounded: "{rounded.lg}"
    padding: "{spacing.md}"
---

## Overview

Pantry는 따뜻하고 먹음직스럽습니다. 크림 배경, 주문에는 토마토 레드, 신선함에는 허브 그린, 큼직하고 둥근 음식 카드, 친근한 그로테스크 제목 서체.

## Colors

- **primary (#C9381E):** 토마토 레드. 장바구니 담기, 결제, 활성 탭에 씁니다.
- **on-primary (#FFFFFF)**
- **secondary (#2F7A4F):** 허브 그린. 채식 라벨, 성공, 배달 상태에 씁니다.
- **tertiary (#D99121):** 사프란. 별점과 할인 혜택에 씁니다.
- **neutral (#6F5D50):** 따뜻한 갈회색. 설명과 메타데이터에 씁니다.
- **surface (#FFFAF3):** 크림. 음식 사진이 돋보이도록 카드는 흰색입니다.
- **on-surface (#2A1A12)**

## Typography

제목과 가격은 Bricolage Grotesque Bold, 본문과 설명은 DM Sans 16px.

## Layout

좌우 패딩 16px의 휴대폰 화면, 장바구니 배지가 있는 하단 탭 바, 메뉴 화면에 고정된 장바구니 버튼.

## Shapes

카드와 사진은 20px 모서리, 알약 모양 버튼과 칩, 부드럽고 낮은 그림자는 떠 있는 요소에만.

## Components

이름, 가격, 담기 버튼이 있는 큰 사진 카드, 카테고리 칩, 고정된 결제 바, 단순한 단계 트래커로 보여 주는 주문 상태.

## Do's and Don'ts

- 음식 사진이 카드 대부분을 차지하게 하세요.
- 모든 담기 버튼 옆에 가격을 굵게 보여 주세요.
- 한 화면에서 빨간색을 오류와 주문에 함께 쓰지 마세요.
- 메뉴를 배지로 어지럽히지 마세요.