- Published on
brand-guidelines.md: 모든 AI 도구가 브랜드를 파악하는 데 필요한 단 하나의 파일
브랜드 가이드라인에 많은 돈을 지불했습니다. 그 가이드라인은 디자인 에이전시가 18개월 전에 전달한 47페이지짜리 PDF 파일로, Google Drive 어딘가에 있습니다. 개발자들은 한 번도 열어보지 않았습니다. AI 도구는 열 수조차 없습니다. 그리고 누군가 Cursor에서 랜딩 페이지를 만들거나, Claude로 마케팅 이메일을 작성하거나, v0에서 구성 요소를 스캐폴딩할 때마다 매번 처음부터 시작합니다. "기본 색상이 뭐였죠? Inter인가요 Plus Jakarta Sans인가요? 둥근 모서리를 사용해야 하나요 아니면 날카로운 모서리를 사용해야 하나요?"
이러한 반복 — 브랜드를 설명하고, 잘 적용되기를 바라며, 안 되는 부분을 수정하는 — 은 매주 몇 시간의 비용을 발생시킵니다. 팀 전체로 보면, 재작업만으로도 매달 수천 달러가 소요됩니다.
Google의 Stitch design-md 형식은 이러한 반복을 제거합니다. 그리고 Branding5는 완전한 brand-guidelines.md 파일을 자동으로 생성합니다. 한 번의 클릭으로 다운로드하여 리포지토리에 넣으면, 팀이 사용하는 모든 AI 도구가 즉시 귀사의 브랜드를 알게 됩니다.
design-md란 무엇인가요? (그리고 왜 사람들이 DESIGN.md라고 부를까요?)
Design-md는 브랜드 및 디자인 가이드라인을 위한 일반 텍스트, 마크다운 기반 사양입니다. (이론적으로) 사람만 읽을 수 있는 PDF 대신, 사람과 AI 시스템 모두가 구문 분석하고 이해하며 구축할 수 있는 구조화된 .md 파일입니다.
Google은 AI 기반 UI 생성 플랫폼인 Stich의 일부로 이 형식을 만들었으며, 간단한 전제를 가지고 있습니다. AI에게 브랜드 시스템에 대한 잘 구조화된 설명을 제공하면, AI는 이미 브랜드에 맞는 UI를 생성하고, 카피를 작성하며, 디자인 결정을 내릴 수 있습니다. 매 세션마다 자신을 반복할 필요가 없습니다.
두 개의 이름, 하나의 아이디어
이 형식으로 작성된 파일은 두 가지 이름으로 불립니다.
DESIGN.md— 개발자 커뮤니티의 약어입니다. 프로젝트 루트에README.md및CONTRIBUTING.md와 함께 위치하며, Cursor, Windsurf 및 기타 AI 코딩 도구가 자동으로 찾습니다.brand-guidelines.md— Branding5가 사용하는 이름입니다. 이 파일에는 시각적 사양보다 훨씬 더 많은 것이 포함되어 있기 때문입니다. 포지셔닝, 아키타입, ICP, 목소리, 전략 등 완전한 브랜드 시스템을 담고 있으며, 단지 색상과 글꼴만을 다루지 않습니다.
어떤 이름을 사용하든 상관없습니다. 형식과 기능은 동일합니다.
brand-guidelines.md에 무엇이 포함되나요?
완전한 파일은 전략부터 픽셀 수준 사양에 이르기까지 브랜드의 모든 계층을 다룹니다. 다음은 Branding5에서 생성된 brand-guidelines.md가 실제로 어떻게 보이는지입니다.
# Acme Analytics
## Brand Foundation
- **Positioning:** 비기술적인 마케팅 팀을 위해 구축된 유일한 분석 플랫폼으로,
학습 곡선 없이 엔터프라이즈급 통찰력이 필요합니다.
- **Archetype:** 현자(The Sage) — 현명하고, 신뢰할 수 있으며, 데이터 기반
- **Mission:** 모든 마케터가 데이터 활용 능력을 쉽게 접근할 수 있도록 만듭니다.
- **Values:** 복잡성보다 명확성. 속도보다 정확성. 의존성보다 역량 강화.
## Ideal Customer Profiles (이상적인 고객 프로필)
### ICP 1: Growth Marketing Manager
- 28~38세, 중견 SaaS (50~500명 직원)
- 복잡한 BI 도구에 좌절하고, 혼자서 대시보드를 구축할 수 있기를 원함
- 언어 패턴: "실행 가능한 통찰력", "셀프 서비스", "가치 실현 시간"
- 주요 반대 의견: "이것이 기존 BI 스택을 대체할까요?"
### ICP 2: VP of Marketing
- 35~50세, CMO 또는 CEO에게 보고
- 크로스채널 기여도 및 이사회 보고 준비에 관심
- ROI 증명 및 통합 범위에 따라 구매
## Visual Identity (시각적 아이덴티티)
### Colors (색상)
| 역할 | Hex | 사용처 |
| ----------- | --------- | ---------------------------------- |
| Primary | `#2563eb` | CTA, 활성 상태, 주요 UI 요소 |
| Secondary | `#f8fafc` | 배경, 카드, 컨테이너 |
| Accent | `#16a34a` | 성공 상태, 긍정적인 지표 |
| Neutral 900 | `#0f172a` | 본문 텍스트, 제목 |
| Neutral 400 | `#94a3b8` | 플레이스홀더 텍스트, 비활성화 상태 |
| Error | `#dc2626` | 오류 상태, 파괴적 작업 |
| Warning | `#f59e0b` | 경고 상태, 주의 알림 |
### Typography (타이포그래피)
| 역할 | Family | Weight | Size | Line Height | Tracking |
| ------- | ----------------- | ------ | ---- | ----------- | -------- |
| H1 | Plus Jakarta Sans | 800 | 48px | 1.1 | -0.02em |
| H2 | Plus Jakarta Sans | 700 | 36px | 1.2 | -0.01em |
| H3 | Plus Jakarta Sans | 700 | 24px | 1.3 | 0 |
| Body | Inter | 400 | 16px | 1.6 | 0 |
| Caption | Inter | 500 | 13px | 1.4 | 0.01em |
| Code | JetBrains Mono | 400 | 14px | 1.5 | 0 |
### Spacing & Layout (간격 및 레이아웃)
- 기본 단위: 8px
- 컴포넌트 패딩: 16px (콤팩트), 24px (기본), 32px (넓음)
- 섹션 간격: 64px (데스크톱), 48px (모바일)
- 최대 콘텐츠 너비: 1200px
- 보더 라디우스: 8px (카드), 12px (모달), 9999px (알약/버튼)
### Shadows & Elevation (그림자 및 입체감)
- 카드: `0 1px 3px rgba(0,0,0,0.08)`
- 드롭다운: `0 4px 12px rgba(0,0,0,0.12)`
- 모달: `0 8px 32px rgba(0,0,0,0.16)`
## Brand Voice & Tone (브랜드 보이스 및 톤)
- **Voice:** 직접적이고, 자신감 있으며, 전문 용어가 없습니다. 우리는 강의하지 않고 설명합니다.
- **Tone shifts:** 온보딩에서는 더 따뜻하게, 판매 문구에서는 더 단호하게,
문서에서는 정확하고 중립적으로.
- **Sentence style:** 짧은 문장. 능동태. 이점을 먼저 제시합니다.
- **Avoid:** 수동태 구성, "leverage", "synergy", 불필요한 문구,
제품 UI에서의 느낌표.
### Examples (예시)
- ✅ "클릭 한 번으로 어떤 캠페인이 수익을 창출하는지 확인하세요."
- ❌ "우리의 혁신적인 플랫폼은 최첨단 기술을 활용하여
귀하의 마케팅 팀에 동급 최고의 분석 솔루션을 제공합니다."
## Component Guidelines (컴포넌트 가이드라인)
### Buttons (버튼)
- Primary: 채워진 형태, `#2563eb`, 흰색 텍스트, 완전히 둥근 모서리, 최소 높이 44px
- Secondary: 윤곽선, 1px 테두리 `#2563eb`, 투명 배경
- Ghost: 테두리 없음, 텍스트만, 탐색 및 보조 작업에 사용
- 모든 버튼: 16px 가로 패딩, 글꼴 두께 600, 대문자 아님
### Cards (카드)
- 배경: 흰색, 보더 라디우스 8px, 은은한 그림자
- 패딩: 24px
- 헤더: H3 두께, 8px 하단 여백
- 항상 명확한 CTA 또는 다음 작업을 포함
### Forms (폼)
- 입력 위 레이블, 글꼴 두께 500
- 입력 높이: 44px, 보더 라디우스 8px, 1px 테두리 neutral-300
- 입력 아래 빨간색으로 오류 메시지, 13px
- 필수 필드는 \*로 표시 (색상만으로는 안 됨)
## Do's and Don'ts (할 일과 하지 말아야 할 일)
- ✅ 각 섹션마다 하나의 명확한 CTA를 항상 포함하세요.
- ✅ 예시 및 스크린샷에 "Lorem ipsum" 대신 실제 데이터를 사용하세요.
- ✅ 대비율을 테스트하세요 — 최소 WCAG AA (텍스트의 경우 4.5:1)
- ❌ 하나의 컴포넌트에 3가지 이상의 색상을 절대 사용하지 마세요.
- ❌ 화면을 가리키는 사람들의 스톡 사진을 사용하지 마세요.
- ❌ 2줄 이상의 본문 텍스트를 중앙 정렬하지 마세요.
이것이 해부입니다. 이제 Oscar Stories, 즉 **광대 아키타입(Jester archetype)**을 가진 AI 기반 아동 취침 시간 이야기 플랫폼을 위해 Branding5가 생성한 실제 결과물이 어떻게 보이는지 살펴보세요.
YAML front matter — 기계가 읽을 수 있는 계층
---
name: 'Oscar Stories'
website: 'https://www.oscarstories.com'
archetype: 'The Jester'
positioning_statement: >
취침 시간을 즐거운 모험으로 바꾸고 싶은 부모를 위해,
오스카 스토리는 스마트 AI를 사용하여 아이가 주인공이 되는
맞춤형 이야기를 만듭니다.
usp: >
아이가 장난기 넘치는 영웅이 되는 독특한 AI 기반 이야기를 즉시 만들어서,
취침 시간을 마법처럼 만들고, 부모에게는 더 쉽게,
매일 밤 상상력과 가치를 심어줍니다.
voice:
tone: '친근하고, 상상력이 풍부하며, 격려하는...'
personality: '장난기 많고, 상상력이 풍부하며, 육성적이고, 혁신적이며, 신뢰할 수 있습니다.'
promise: '취침 시간을 마법 같은 유대감 형성의 시간으로 만드세요...'
values:
- '즐거운 연결'
- '신뢰할 수 있는 혁신'
- '육성하는 교육'
typography:
primary_font: 'Nunito Sans'
secondary_font: 'Lora'
colors:
primary: '#5e219c' # Midnight Plum
darker: '#332145'
---
파일의 나머지 내용
YAML front matter 아래에는 14,000 단어가 넘는 전체 파일이 AI가 브랜드에 맞는 결정을 내리는 데 필요한 모든 것을 담고 있습니다.
- 브랜드 내러티브: 포지셔닝 선언문, 미션, 비전, USP, 그리고 "우리가 왜 이 일을 하는지"에 대한 이야기
- 아키타입 심층 분석: 광대(The Jester)의 주요 특징, 핵심 전략, 잠재적 함정, 예시 브랜드 (Ben & Jerry's, M&M's, Old Spice)
- 시각적 아이덴티티: 헥스, CMYK, HSL 및 호버 상태가 포함된 전체 색상 시스템; 두께 및 사용 규칙이 포함된 타이포그래피 계층
- 이상적인 고객 프로필(ICP): 인구 통계, 심리 통계, 문제점, 목표, 선호 채널이 포함된 완전한 페르소나 — "마음을 쓰는 현대 부모"
- SWOT 분석: 강점, 약점, 기회, 위협 및 전반적인 전략 평가
- 마케팅 문구: 광대(Jester)의 목소리로 작성된 8가지 헤드라인, 긴급성을 활용한 5가지 CTA, 완전한 PAS 랜딩 페이지 문구
- 콘텐츠 전략: 특정 제목, 채널, 목표가 포함된 Hero/Hub/Hygiene 콘텐츠 계획
- 마케팅 캠페인: AIDA 프레임워크에 매핑된 인지도, 관심, 욕구 캠페인
Oscar Stories 팀을 한 번도 만난 적 없는 개발자는 이 파일을 Cursor에 넣고 랜딩 페이지를 요청하면, 브랜드에 맞는 — 장난기 있고, 상상력이 풍부하며, 설교하지 않는 — 문구와 적절한 보라색 팔레트, Nunito Sans 헤딩을 얻을 수 있습니다. 브리핑도, 오고 가는 대화도 필요 없습니다.
이것이 기계가 읽을 수 있는 브랜드 가이드라인이 실제로 작동하는 방식입니다. PDF가 아닙니다. 팀이 사용하는 모든 AI 도구가 읽고, 이해하고, 기반으로 삼을 수 있는 단 하나의 파일입니다.
지금 이것이 중요한 이유
세 가지 요인이 결합되어 기계가 읽을 수 있는 브랜드 가이드라인을 선택 사항이 아닌 필수로 만들었습니다.
1. AI 도구가 이제 대부분의 코드와 문구를 작성합니다
Cursor, GitHub Copilot, Claude, v0, Bolt, Lovable — 개발자와 마케터는 AI 지원을 통해 그 어느 때보다 빠르게 제품을 출시하고 있습니다. 그러나 이러한 도구는 알려주지 않으면 귀하의 브랜드에 대해 전혀 알지 못합니다. 매 세션마다, 매 프롬프트마다 귀하의 색상 팔레트를 다시 설명하고 있습니다. 이것은 워크플로우가 아니라 속도에 대한 세금입니다.
리포지토리에 있는 단 하나의 brand-guidelines.md 파일은 이 세금을 영구적으로 제거합니다.
2. Google이 design-md를 표준으로 추진하고 있습니다
Google이 Stitch와 같은 제품을 통해 형식 사양을 출시하면 생태계는 주목합니다. Figma 플러그인, VS Code 확장, AI 컴포넌트 생성기는 이미 프로젝트 루트에서 DESIGN.md를 찾기 시작했습니다. 오늘 파일을 올바르게 설정하면 내일의 도구는 마이그레이션이나 재작업 없이 바로 작동할 것입니다.
3. AI 속도에서의 브랜드 일관성은 기계가 읽을 수 있는 규칙을 필요로 합니다
팀이 한 달에 50개의 블로그 게시물, 일주일에 20개의 광고 변형, 매 스프린트마다 새로운 랜딩 페이지를 생성한다면 Google Drive의 PDF는 쓸모없습니다. 브랜드 규칙은 생성이 일어나는 곳 — 리포지토리, 프롬프트 컨텍스트, 도구의 메모리 — 에 존재해야 합니다.
PDF vs. brand-guidelines.md: 비교
| 차원 | 브랜드 PDF | brand-guidelines.md |
|---|---|---|
| AI가 읽을 수 있음 | ❌ OCR 필요; 구조 손실 | ✅ 모든 LLM이 기본적으로 구문 분석 |
| 리포지토리에 존재 | ❌ Drive/Notion/Dropbox에 있음 | ✅ 코드와 함께 버전 관리됨 |
| 항상 최신 상태 | ❌ 수동 업데이트, 버전 혼란 | ✅ git diff로 변경 사항 정확히 확인 |
| 온보딩 속도 | ⏱ 읽고 흡수하는 데 30분 이상 | ⏱ 훑어보는 데 5분; AI는 즉시 사용 |
| 자동으로 강제 | ❌ 인간 검토에 의존 | ✅ AI가 모든 생성에 규칙 적용 |
| 사람이 읽을 수 있음 | ✅ 예쁘지만 밀도 높음 | ✅ 명확한 마크다운, 훑어보기 쉬움 |
| 업데이트 비용 | 💸 에이전시 유지 보수 또는 디자인 시간 | ✍️ 모든 편집기에서 텍스트 파일 편집 |
PDF는 이해관계자 프레젠테이션에 여전히 유용합니다. 그러나 AI 도구가 생성을 수행하는 일상적인 실행에서는 일반 텍스트가 압도적으로 승리합니다.
Google Stitch와 함께 brand-guidelines.md를 사용하는 방법
Google Stitch는 brand-guidelines.md 파일을 읽고 이를 사용하여 UI 생성을 제한합니다. 일반적인 Material 컴포넌트를 생성하는 대신, 귀사의 색상 시스템, 타이포그래피, 간격 및 컴포넌트 규칙과 일치하는 UI를 출력합니다.
워크플로우는 세 단계로 구성됩니다.
- 파일을 업로드하거나 배치합니다.
brand-guidelines.md를 프로젝트 루트에 놓거나 Stitch 인터페이스에 직접 업로드합니다. - 자연스럽게 프롬프트합니다. 필요한 것을 요청합니다: "세 가지 티어와 강조 표시된 인기 플랜이 있는 가격 섹션을 생성하세요."
- 브랜드에 맞는 결과물을 얻습니다. Stitch는 귀사의 색상, 유형 계층, 버튼 스타일 및 간격을 자동으로 적용합니다. 기본 사항에 대한 디자인 검토가 필요 없습니다.
결과물은 귀사의 브랜드에 더 가까울 뿐만 아니라, 일반적으로 하루 종일을 소모하는 수정 단계를 건너뛸 수 있으므로 출시 속도가 더 빠릅니다.
Cursor, Copilot 및 AI 코딩 도구와 함께 사용하기
DESIGN.md (또는 brand-guidelines.md)를 리포지토리 루트에 놓고 프롬프트에서 참조하세요.
Cursor:
@DESIGN.md 홈페이지의 히어로 섹션을 생성하세요.
파일에서 기본 CTA 스타일, 헤딩 타이포그래피, 색상 시스템을 사용하세요.
GitHub Copilot (워크스페이스 모드):
#file:DESIGN.md 여기에 정의된 카드 가이드라인과 간격 시스템을 사용하여
증언 카드 그리드 컴포넌트를 만드세요.
Claude / ChatGPT (파일 붙여넣기 또는 첨부):
여기에 제 브랜드 가이드라인이 있습니다 [첨부: brand-guidelines.md].
브랜드 목소리에 맞고 ICP 1 (Growth Marketing Manager)에게
말을 거는 세 가지 홈페이지 헤드라인 옵션을 작성해 주세요.
v0 / Bolt / Lovable: brand-guidelines.md를 프로젝트 파일로 업로드하거나, 관련 섹션을 프롬프트에 붙여넣으세요. 이 도구들은 귀사의 색상, 유형 및 컴포넌트 사양을 모든 생성에 적용합니다.
그 결과, 브랜드 가이드라인을 읽어본 적 없는 개발자도 첫 프롬프트부터 브랜드에 맞는 코드를 생성합니다. 제약은 워크플로우에 내장되어 있으며, 검토 주기와 Slack 메시지를 통해 강제되지 않습니다.
비주얼을 넘어서: 파일의 전략이 모든 것을 바꾸는 이유
대부분의 디자인 시스템 파일은 색상과 글꼴에서 멈춥니다. Branding5의 brand-guidelines.md는 더 깊이 들어갑니다. 그리고 이 깊이가 AI 결과물을 "보기에는 맞지만" "느낌이 맞는" 것으로 변화시킵니다.
브랜드 기반은 브랜드가 왜 그런 선택을 하는지 AI에게 알려줍니다. AI가 당신의 브랜드가 비기술적인 마케터를 대상으로 하는 현자(Sage) 아키타입이라는 것을 알 때, 단순히 올바른 버튼 색상을 선택하는 것을 넘어, 과장되고 숨 가쁜 문구 대신 명확하고 자신감 있는 문구를 작성합니다.
**이상적인 고객 프로필(ICPs)**은 AI에게 관련 메시지를 생성하기 위한 청중 컨텍스트를 제공합니다. 마케팅 VP를 위한 헤드라인은 성장 마케팅 관리자를 위한 헤드라인과는 매우 다르게 읽힙니다. 파일에 ICP가 없으면 AI는 추측합니다. ICP가 있으면 AI는 대상을 지정합니다.
구체적인 예시(좋은 예와 나쁜 예)가 포함된 목소리 및 톤 가이드라인은 문구 품질에 가장 큰 영향을 미치는 섹션입니다. 잘 작성된 "할 일 / 하지 말아야 할 일" 예시 하나가 추상적인 목소리 설명 수백 단어보다 AI에게 더 많은 것을 가르쳐줍니다.
할 일과 하지 말아야 할 일은 강력한 제약 역할을 합니다. "하나의 컴포넌트에 3가지 이상의 색상을 사용하지 마세요"와 "모든 섹션에 항상 CTA를 포함하세요"는 AI가 매번 문자 그대로 따를 수 있는 규칙입니다. 모호함도, 이탈도 없습니다.
Branding5가 귀사의 파일을 생성하는 방법
Branding5에서 브랜드 분석을 완료한 후, brand-guidelines.md 파일을 대시보드에서 다운로드할 수 있습니다. 다음은 내부에서 일어나는 일입니다.
- 귀사의 브랜드 전략이 파일에 반영됩니다. 포지셔닝, 아키타입, ICP, 경쟁사 분석, 목소리 톤 등 Branding5에서 구축한 모든 것이 구조화된 마크다운 출력으로 직접 흘러 들어갑니다.
- 시각적 사양은 귀사의 포지셔닝에서 파생됩니다. 색상, 타이포그래피 및 컴포넌트 규칙은 일반 템플릿에서 가져오는 것이 아니라 귀사의 브랜드 개성에 맞게 생성됩니다.
- 출력물은 design-md 사양을 따릅니다. Stitch 및 호환 가능한 도구는 이를 기본적으로 구문 분석합니다. 변환이나 재포맷팅이 필요 없습니다.
- 즉시 사용 가능합니다. 리포지토리에 넣거나, AI 도구에 첨부하거나, 팀과 공유하세요. 하나의 파일로, 첫날부터 모든 도구에서 사용 가능합니다.
Branding5에서 30분을 투자하면 다음을 얻을 수 있습니다.
- 이해관계자와 투자자를 위한 전략 PDF
- 마케팅 팀을 위한 메시징 프레임워크
- 엔지니어링 및 디자인 팀이 사용할 모든 AI 도구를 위한 brand-guidelines.md
카피라이팅도, 수동 서식 지정도, 마크다운 전문 지식도 필요 없습니다.
시작하기: 5분 체크리스트
이미 브랜드 전략이 있으신가요? 5분 만에 AI 준비가 된 브랜드 시스템을 만드는 방법은 다음과 같습니다.
- 파일을 생성하세요. Branding5에서 브랜드 분석을 실행하고 대시보드에서
brand-guidelines.md를 다운로드하세요. - 리포지토리 루트에 넣으세요. 팀이 개발자 규칙을 선호한다면
DESIGN.md로 이름을 지정하거나, 명확성을 위해brand-guidelines.md를 유지하세요. - 팀에 알리세요. *"우리 브랜드 가이드라인은 이제 프로젝트 루트의
DESIGN.md에 있습니다. 모든 AI 프롬프트에서 참조하세요."*라는 한 줄 메시지를 공유하세요. - 모든 AI 세션에서 참조하세요. Cursor에서는
@DESIGN.md를 사용하고, Claude 또는 ChatGPT에서는 첨부하고, v0 또는 Bolt에서는 업로드하세요. - 최신 상태로 유지하세요. 브랜드가 진화하면 파일을 업데이트하고 커밋하세요. Git이 변경 사항을 추적합니다. 모든 도구가 즉시 이를 반영합니다.
끝입니다. 온보딩 자료도, 디자인 검토 병목 현상도 없습니다. Slack에서 더 이상 "우리 브랜드 색상이 뭐였죠?"라고 묻는 일도 없을 것입니다.
결론
AI 도구는 귀하의 코드를 작성하고, 문구를 생성하며, 컴포넌트를 스캐폴딩합니다. 유일한 질문은 이러한 작업이 브랜드에 맞게 수행되는지, 아니면 임의로 만들어지는지 여부입니다.
brand-guidelines.md는 그 질문에 한 번 답합니다. 그리고 매 생성마다, 모든 도구에서, 팀의 모든 사람에게 자동으로 다시 답합니다.
Google의 Stitch 형식은 기계가 읽을 수 있는 브랜드 가이드라인을 표준으로 만들고 있습니다. DESIGN.md는 개발자들이 프로젝트 루트에서 찾을 것으로 기대하는 파일이 되고 있습니다. 지금 이 형식을 채택하는 브랜드는 더 빠르게 출시하고, 더 일관성을 유지하며, AI 결과물을 수정하는 데 드는 시간을 줄일 것입니다.
귀하의 브랜드 전략은 이미 Branding5에 있습니다. brand-guidelines.md는 클릭 한 번으로 얻을 수 있습니다.
자주 묻는 질문
DESIGN.md와 brand-guidelines.md의 차이점은 무엇인가요?
같은 형식입니다. DESIGN.md는 개발자 커뮤니티에서 인기 있는 약어입니다. README.md 명명 규칙을 따릅니다. brand-guidelines.md는 시각적 사양뿐만 아니라 브랜드 전략(포지셔닝, 목소리, ICP)도 포함하고 있음을 나타내므로 더 설명적입니다. 팀이 선호하는 이름을 사용하세요. AI 도구는 둘 다 동일하게 구문 분석합니다.
파일을 만들거나 편집하려면 마크다운을 알아야 하나요?
아니요. Branding5는 귀하의 브랜드 분석에서 자동으로 파일을 생성합니다. 나중에 수동으로 편집하고 싶다면, 마크다운은 간단한 서식(제목에는 #, 목록에는 -, 굵게는 **`)이 있는 일반 텍스트입니다. 누구든지 2분 만에 기본을 배울 수 있습니다.
어떤 AI 도구가 design-md / DESIGN.md를 지원하나요?
Google Stitch는 기본적으로 이를 읽습니다. Cursor, GitHub Copilot, Windsurf, Claude, ChatGPT, v0, Bolt, Lovable은 파일을 참조하거나 첨부하면 모두 작동합니다. 일반 마크다운이기 때문에 어떤 LLM 기반 도구도 플러그인이나 통합 없이 구문 분석하고 따를 수 있습니다.
brand-guidelines.md는 얼마나 상세해야 하나요?
모호함을 제거할 수 있을 만큼 상세해야 합니다. 최소한 사용 규칙이 있는 색상 팔레트, 타이포그래피 사양, 버튼/카드/폼 규칙, 예시가 있는 목소리 가이드라인을 포함하세요. 할 일과 하지 말아야 할 일이 구체적일수록 AI 결과물은 더 일관될 것입니다. Branding5는 기본적으로 포괄적인 파일을 생성합니다. 필요 없는 섹션은 언제든지 다듬을 수 있습니다.
브랜드가 진화함에 따라 파일을 어떻게 동기화 상태로 유지하나요?
다른 소스 파일과 마찬가지로 편집하고, 커밋하고, 푸시하세요. Git에 저장되어 있으므로 팀은 무엇이 언제 변경되었는지 정확히 확인할 수 있습니다. Branding5에서 브랜드 분석을 다시 실행하면 업데이트된 버전을 다운로드하고 이전 파일을 교체할 수 있습니다. 에이전시 유지 보수나 한 달에 걸친 개정 주기가 필요 없습니다.
brand-guidelines.md를 블로그 게시물 작성이나 광고 문구 작성과 같은 코드 이외의 작업에 사용할 수 있나요?
물론입니다. Claude, ChatGPT 또는 기타 글쓰기 도구에 프롬프트를 입력할 때 파일을 첨부하세요(또는 브랜드 목소리 및 ICP 섹션을 붙여넣으세요). 목소리 가이드라인, 톤 예시, 청중 세부 정보는 코드뿐만 아니라 AI 생성 문구를 개선하도록 특별히 설계되었습니다.
brand-guidelines.md 가져가세요
Branding5에서 브랜드 분석을 실행하고 design-md 호환 brand-guidelines.md (DESIGN.md)를 다운로드하세요 — Google Stitch, Cursor, Copilot, 그리고 귀사의 전체 AI 도구 스택에 바로 사용할 수 있습니다.