--- brand: "연토" brand_en: "Yeonto" slug: "yeonto" industry: "카페" tone: "따뜻한" palette: primary: "#4a3525" secondary: "#d4c3aa" accent: "#c86446" bg: "#f9f6f0" text: "#2b2118" typography: heading: "Song Myung / Fraunces" body: "Pretendard / Sora" generated_by: impactbook.ai source: https://impactbook.ai/brand-identity/yeonto notice: AI 생성 예시 브랜드 — 실제 존재하는 기업이 아닙니다. license: 개인·상업 프로젝트에 자유롭게 사용 가능 --- # 연토 브랜드 가이드 > 투명한 원두 정보와 느린 호흡으로 커피 본연의 가치를 전달하는 스페셜티 로스터리 > > 이 문서는 impactbook.ai가 만든 **AI 생성 예시 브랜드**의 가이드입니다. 실제 존재하는 기업이 아니며, 그대로 가져다 쓰거나 자신의 브랜드를 만드는 출발점으로 삼을 수 있습니다. ## 1. 브랜드 한 줄 정의 투명한 원두 정보와 느린 호흡으로 커피 본연의 가치를 전달하는 스페셜티 로스터리 이 한 줄은 모든 카피·비주얼 결정의 기준점입니다. 새 문구나 이미지가 이 정의와 어긋난다면, 문구가 아니라 브랜드 쪽을 의심하세요. ## 2. 핵심 가치 - **투명한 공개** - **느린 호흡** - **산지 상생** - **진정성** 핵심 가치는 슬로건이 아니라 의사결정 기준입니다. 새 기능이나 이벤트를 기획할 때 "이 가치 중 무엇을 강화하는가"를 먼저 물어보세요. ## 3. 타겟 커피의 산지와 향미를 깊이 음미하며 진정성 있는 가치 소비를 지향하는 사람 이 타겟이 실제로 이 브랜드를 마주치는 상황(검색, 추천, 우연한 방문)을 먼저 그려보고 카피와 화면 구성을 맞추는 것이 좋습니다. ## 4. 톤 & 보이스 손님에게 원두의 향미와 농가의 이야기를 차분하고 다정하게 설명하는 솔직한 톤 무드 키워드: 차분한 · 투명한 · 자연스러운 · 따뜻한 · 진정성 있는 | 이렇게 씁니다 | 이렇게 쓰지 않습니다 | | --- | --- | | 산지와 원두의 서사를 담은 담백하고 솔직한 어조 | 자극적이고 트렌디함만 강조하는 과장된 표현 | | 커피를 기다리는 시간을 존중하는 온기 있는 태도 | 빠르고 상업적인 판촉용 말투 | 카피를 쓸 때는 위 표의 왼쪽 열처럼 쓰고, 오른쪽 열의 표현은 피합니다. 어느 쪽에도 없는 새로운 표현이 필요하면, 톤 & 보이스 설명 문장에 맞는지 먼저 확인하세요. ## 5. 컬러 | 역할 | HEX | 용도 | | --- | --- | --- | | `primary` | `#4a3525` | 브랜드 대표색. 주요 버튼·링크·강조에. | | `secondary` | `#d4c3aa` | 보조색. 배경 블록·태그·보조 버튼에. | | `accent` | `#c86446` | 포인트색. CTA·하이라이트에 좁게. | | `bg` | `#f9f6f0` | 기본 배경색. | | `text` | `#2b2118` | 본문 텍스트색. | ### 대비비 (WCAG 2.1) | 조합 | 대비비 | 판정 | | --- | --- | --- | | `text/bg` | 14.6:1 | AAA | | `primary/bg` | 10.66:1 | AAA | | `accent/bg` | 3.63:1 | AA Large | | `text/primary` | 1.37:1 | Fail | `AA` 이상이면 본문에 쓸 수 있고, `AA Large`는 24px 이상 큰 글자에만 씁니다. `Fail`인 조합은 텍스트에 쓰지 않습니다. 대비비가 `—`로 표시된 조합은 색상값을 계산할 수 없었다는 뜻이며, 검증 전까지는 `Fail`과 동일하게 취급합니다. ## 6. 타이포그래피 - **제목**: Song Myung (국문) / Fraunces (영문) - **본문**: Pretendard (국문) / Sora (영문) - **선정 이유**: 스페셜티 로스터리의 깊은 풍미와 정제된 진정성을 클래식하게 표현하기 위해 | 단계 | 크기 | | --- | --- | | display | 72px | | h1 | 48px | | h2 | 32px | | body | 16px | | caption | 13px | 줄간 1.55 · 자간 -0.02em 제목과 본문 폰트를 이 표 밖의 다른 폰트로 바꾸지 마세요. 크기 단계를 벗어난 임의의 값을 새로 만들지 말고, 위 5단계 중 가장 가까운 것을 재사용합니다. ```html ``` ## 7. 로고 ### 워드마크 (`wordmark`) 가로로 넓은 자리 — 웹 헤더, 이메일 서명, 배너. - `og_dark` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/og_dark.png - `png_400` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/png_400.png - `png_800` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/png_800.png - `og_light` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/og_light.png - `png_1600` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/png_1600.png - `favicon_16` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/favicon_16.png - `favicon_32` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/favicon_32.png - `favicon_64` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/favicon_64.png - `app_icon_1024` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/app_icon_1024.png - `apple_touch_180` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/wordmark/apple_touch_180.png ### 심볼 락업 (`symbol`) 정사각 자리 — 프로필 이미지, 앱 아이콘, 카드 코너 마크. - `png_800` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/symbol/png_800.png - `png_800_dark` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/symbol/png_800_dark.png - `png_800_light` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/symbol/png_800_light.png ### 배지 엠블럼 (`badge`) 인증·품질 인상이 필요한 자리 — 패키지, 스탬프, 굿즈. - `png_800` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/badge/png_800.png - `png_800_dark` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/badge/png_800_dark.png - `png_800_light` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/badge/png_800_light.png ### 모노그램 (`monogram`) 아주 작은 자리 — 파비콘, 워터마크, 버튼 아이콘. - `png_800` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/monogram/png_800.png - `png_800_dark` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/monogram/png_800_dark.png - `png_800_light` — https://storage.googleapis.com/imbk-prod-assets/brand_logos/b62/monogram/png_800_light.png ### 사용 규칙 - 최소 크기: 심볼 24px, 워드마크 높이 16px 이상 - 로고 주변 여백은 로고 높이의 25% 이상 확보 - 늘리기·기울이기·회전·그림자 추가 금지 - 저대비 배경 위에 놓지 않기 (위 대비비 표 참고) ## 8. 적용 예시 Warm natural morning sunlight streaming into a calm specialty coffee roastery. Rich visual textures of raw kraft paper, glass partitions, fresh roasted coffee beans, and warm wooden tables. Soft depth of field, cozy organic brown and beige tones, peaceful, authentic, and minimal atmosphere. 배경, 사진, 일러스트를 고를 때 이 방향과 어긋나면 팔레트가 맞아도 브랜드처럼 보이지 않습니다. 톤 & 보이스, 컬러, 타이포그래피가 모두 이 방향 아래 하나로 읽혀야 합니다. ## 9. 개발자용 토큰 ```css :root { --brand-primary: #4a3525; --brand-secondary: #d4c3aa; --brand-accent: #c86446; --brand-bg: #f9f6f0; --brand-text: #2b2118; --brand-font-heading: 'Song Myung', 'Fraunces', 'Pretendard', sans-serif; --brand-font-body: 'Pretendard', 'Sora', 'Pretendard', sans-serif; --brand-size-display: 72px; --brand-size-h1: 48px; --brand-size-h2: 32px; --brand-size-body: 16px; --brand-size-caption: 13px; --brand-line-height: 1.55; --brand-letter-spacing: -0.02em; } ``` ```js // tailwind.config.js module.exports = { theme: { extend: { colors: { 'brand-primary': '#4a3525', 'brand-secondary': '#d4c3aa', 'brand-accent': '#c86446', 'brand-bg': '#f9f6f0', 'brand-text': '#2b2118', }, fontFamily: { 'brand-heading': ['Song Myung', 'Fraunces', 'Pretendard', 'sans-serif'], 'brand-body': ['Pretendard', 'Sora', 'Pretendard', 'sans-serif'], }, }, }, } ``` ```json { "color": { "primary": "#4a3525", "secondary": "#d4c3aa", "accent": "#c86446", "bg": "#f9f6f0", "text": "#2b2118" }, "font": { "heading": { "ko": "Song Myung", "en": "Fraunces" }, "body": { "ko": "Pretendard", "en": "Sora" } }, "size": { "display": 72, "h1": 48, "h2": 32, "body": 16, "caption": 13 }, "line_height": 1.55, "letter_spacing": "-0.02em", "contrast": [ { "pair": "text/bg", "ratio": 14.6, "grade": "AAA" }, { "pair": "primary/bg", "ratio": 10.66, "grade": "AAA" }, { "pair": "accent/bg", "ratio": 3.63, "grade": "AA Large" }, { "pair": "text/primary", "ratio": 1.37, "grade": "Fail" } ] } ``` ## 10. AI 에이전트 지시문 아래 블록을 Claude Code·Cursor 등에 그대로 붙여넣으면 이 브랜드 규칙에 맞춰 작업합니다. ``` 이 프로젝트는 "연토" 브랜드를 따른다. 한 줄 정의: 투명한 원두 정보와 느린 호흡으로 커피 본연의 가치를 전달하는 스페셜티 로스터리 타겟: 커피의 산지와 향미를 깊이 음미하며 진정성 있는 가치 소비를 지향하는 사람 톤: 손님에게 원두의 향미와 농가의 이야기를 차분하고 다정하게 설명하는 솔직한 톤 컬러 — primary #4a3525, secondary #d4c3aa, accent #c86446, 배경 #f9f6f0, 본문 #2b2118. 이 외의 색을 새로 만들지 않는다. 폰트 — 제목 Song Myung/Fraunces, 본문 Pretendard/Sora. 다른 폰트를 도입하지 않는다. 카피 — 산지와 원두의 서사를 담은 담백하고 솔직한 어조. 자극적이고 트렌디함만 강조하는 과장된 표현은 쓰지 않는다. 출처: https://impactbook.ai/brand-identity/yeonto ```