f8b21af4be
10_Wiki/Topics 대규모 정리: - 오류 캡처/미완성 stub 문서 227개 제거 - 교차폴더 중복 43클러스터 병합 (63파일 → redirect) - 링크명 정규화: 깨진 링크 수정·redirect 직결·개념 매핑 ~2,400건 - 카테고리 MOC 6개 신규 생성 - Graph 섹션 미해결 related-keyword 링크 10,058건 제거 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
185 lines
6.2 KiB
Markdown
185 lines
6.2 KiB
Markdown
---
|
|
id: wiki-2026-0508-brand-identity-management
|
|
title: Brand Identity Management
|
|
category: 10_Wiki/Topics
|
|
status: verified
|
|
canonical_id: self
|
|
aliases: [P-REINFORCE-AUTO-F8EDF9, Brand Identity, BI Management]
|
|
duplicate_of: none
|
|
source_trust_level: A
|
|
confidence_score: 0.9
|
|
verification_status: applied
|
|
tags: [branding, marketing, design-systems, identity]
|
|
raw_sources: []
|
|
last_reinforced: 2026-05-10
|
|
github_commit: pending
|
|
tech_stack:
|
|
language: typescript
|
|
framework: figma-tokens
|
|
---
|
|
|
|
# Brand Identity Management
|
|
|
|
## 매 한 줄
|
|
> **"매 brand 의 systematic codification"**. 매 Brand Identity Management 는 logo, typography, palette, voice, motion 을 design-token + governance pipeline 으로 묶어 cross-channel consistency 의 보장. 매 2026 의 modern brand stack 은 Figma Variables + Style Dictionary + AI-assisted asset generation (FLUX, Adobe Firefly).
|
|
|
|
## 매 핵심
|
|
|
|
### 매 brand asset 분류
|
|
- **Visual**: logo, color palette, typography, iconography, photography style.
|
|
- **Verbal**: tone of voice, lexicon, naming convention.
|
|
- **Motion**: easing curves, timing, transition vocabulary.
|
|
- **Sonic**: audio logo, UI sounds.
|
|
|
|
### 매 governance layer
|
|
- **Design tokens**: 매 single source of truth (Figma Variables → Style Dictionary → CSS/iOS/Android).
|
|
- **Brand portal**: 매 self-service asset library (Frontify, Brandfolder).
|
|
- **Approval workflow**: 매 marketing automation 의 brand-safe template.
|
|
|
|
### 매 응용
|
|
1. Multi-product company 의 sub-brand 관리 (Atlassian Jira/Confluence/Trello).
|
|
2. Localization 의 culturally-adapted asset variant.
|
|
3. AI-generated marketing asset 의 brand-fidelity check (CLIP embedding similarity).
|
|
|
|
## 💻 패턴
|
|
|
|
### 패턴 1: Design Token 정의 (Style Dictionary)
|
|
```json
|
|
{
|
|
"color": {
|
|
"brand": {
|
|
"primary": { "value": "#FF6B35", "comment": "Antigravity Orange" },
|
|
"accent": { "value": "#1B1B1F" },
|
|
"surface": { "value": "#FAFAFA" }
|
|
}
|
|
},
|
|
"typography": {
|
|
"display": {
|
|
"value": {
|
|
"fontFamily": "Inter",
|
|
"fontWeight": 700,
|
|
"fontSize": "48px",
|
|
"lineHeight": 1.1
|
|
}
|
|
}
|
|
}
|
|
}
|
|
```
|
|
|
|
### 패턴 2: Token → Multi-platform output
|
|
```js
|
|
// style-dictionary.config.js
|
|
module.exports = {
|
|
source: ['tokens/**/*.json'],
|
|
platforms: {
|
|
css: { transformGroup: 'css', buildPath: 'dist/css/', files: [{ destination: 'tokens.css', format: 'css/variables' }] },
|
|
ios: { transformGroup: 'ios', buildPath: 'dist/ios/', files: [{ destination: 'Tokens.swift', format: 'ios-swift/class.swift' }] },
|
|
android:{ transformGroup: 'android',buildPath: 'dist/android/',files: [{ destination: 'tokens.xml', format: 'android/resources' }] }
|
|
}
|
|
};
|
|
```
|
|
|
|
### 패턴 3: Brand-fidelity check (CLIP)
|
|
```python
|
|
import torch
|
|
import clip
|
|
from PIL import Image
|
|
|
|
device = "cuda" if torch.cuda.is_available() else "cpu"
|
|
model, preprocess = clip.load("ViT-B/32", device=device)
|
|
|
|
BRAND_PROMPT = "Antigravity orange, minimal modern tech brand, geometric"
|
|
|
|
def brand_fidelity(image_path: str) -> float:
|
|
image = preprocess(Image.open(image_path)).unsqueeze(0).to(device)
|
|
text = clip.tokenize([BRAND_PROMPT]).to(device)
|
|
with torch.no_grad():
|
|
image_features = model.encode_image(image)
|
|
text_features = model.encode_text(text)
|
|
sim = torch.cosine_similarity(image_features, text_features).item()
|
|
return sim # > 0.28 → on-brand
|
|
```
|
|
|
|
### 패턴 4: AI-generated asset 의 brand guardrail
|
|
```python
|
|
from anthropic import Anthropic
|
|
|
|
client = Anthropic()
|
|
|
|
def critique_asset(asset_url: str, guidelines: str) -> dict:
|
|
response = client.messages.create(
|
|
model="claude-opus-4-7-20260301",
|
|
max_tokens=1024,
|
|
messages=[{
|
|
"role": "user",
|
|
"content": [
|
|
{"type": "image", "source": {"type": "url", "url": asset_url}},
|
|
{"type": "text", "text": f"Brand guidelines:\n{guidelines}\n\nReturn JSON: {{on_brand: bool, issues: [...], score: 0-1}}"}
|
|
]
|
|
}]
|
|
)
|
|
return response.content[0].text
|
|
```
|
|
|
|
### 패턴 5: Tone-of-voice classifier
|
|
```python
|
|
TONE_REFERENCE = {
|
|
"playful": ["hey", "let's", "boom", "yay"],
|
|
"formal": ["please", "kindly", "we regret"],
|
|
"antigravity": ["lift", "soar", "weightless", "boundless"]
|
|
}
|
|
|
|
def classify_tone(text: str) -> str:
|
|
scores = {tone: sum(text.lower().count(w) for w in words)
|
|
for tone, words in TONE_REFERENCE.items()}
|
|
return max(scores, key=scores.get)
|
|
```
|
|
|
|
### 패턴 6: Logo placement validator (CV)
|
|
```python
|
|
import cv2
|
|
import numpy as np
|
|
|
|
def safe_zone_violation(image, logo_bbox, min_padding_ratio=0.1):
|
|
h, w = image.shape[:2]
|
|
x, y, lw, lh = logo_bbox
|
|
pad_x = min_padding_ratio * w
|
|
pad_y = min_padding_ratio * h
|
|
return (x < pad_x or y < pad_y or
|
|
x + lw > w - pad_x or y + lh > h - pad_y)
|
|
```
|
|
|
|
## 매 결정 기준
|
|
| 상황 | Approach |
|
|
|---|---|
|
|
| Multi-platform consistency | Style Dictionary + Figma Variables |
|
|
| AI-asset workflow | CLIP fidelity gate + human review |
|
|
| Sub-brand 관리 | shared core tokens + brand-specific overrides |
|
|
| Rapid iteration startup | Figma Library only, defer token build |
|
|
| Enterprise compliance | Frontify/Brandfolder + approval workflow |
|
|
|
|
**기본값**: Figma Variables → Style Dictionary → CLIP gate. 매 token-first.
|
|
|
|
## 🔗 Graph
|
|
- 부모: [[Design Systems]] · [[Marketing]]
|
|
- Adjacent: [[Style Dictionary Pipelines|Style Dictionary]] · [[Figma Variables]] · [[CLIP]]
|
|
|
|
## 🤖 LLM 활용
|
|
**언제**: brand audit, tone consistency check, asset critique, copy generation 의 voice guardrail.
|
|
**언제 X**: 매 high-stakes legal trademark review — 매 lawyer 의 영역.
|
|
|
|
## ❌ 안티패턴
|
|
- **Token sprawl**: 매 ad-hoc 50+ color token. 매 semantic naming (primary/secondary) 으로 collapse.
|
|
- **Pixel pushing without governance**: 매 Figma file 의 untracked 변경 — token-pipeline bypass.
|
|
- **AI-asset 의 unsupervised dump**: 매 brand fidelity gate 없이 production publish.
|
|
|
|
## 🧪 검증 / 중복
|
|
- Verified (Style Dictionary docs, Figma Variables docs, Frontify case studies).
|
|
- 신뢰도 A.
|
|
|
|
## 🕓 Changelog
|
|
| 날짜 | 변경 |
|
|
|---|---|
|
|
| 2026-05-08 | Phase 1 |
|
|
| 2026-05-10 | Manual cleanup — substantive content + 2026 stack (CLIP gate, AI-asset workflow) |
|