commit 796afc823c69b349f46aa91ffcc892f0cc9e2f71 Author: Andrew Yim Date: Sat Oct 24 18:10:13 2026 +0900 Initial commit: D.intelligence design system files Co-Authored-By: Claude Fable 5.1 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..2836ae9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.DS_Store +.claude/settings.local.json diff --git a/.thumbnail b/.thumbnail new file mode 100644 index 0000000..ce2b10b Binary files /dev/null and b/.thumbnail differ diff --git a/D.intelligence Design System 2026.html b/D.intelligence Design System 2026.html new file mode 100644 index 0000000..9cc54ef --- /dev/null +++ b/D.intelligence Design System 2026.html @@ -0,0 +1,1821 @@ + + + + +D.intelligence Design System — 2026 Edition + + + + + + + + + + +
+
+
+ D.intelligence — Brand & Design System + v2026 / Internal +
+ +
+
Graphic Standard Manual
+
+
D.
+
intelligence
+
+
+
— Analysis, Treatment & Growth —
+
+
+ +
+
Design System
+
2026
+
Edition · v2.0
+
+ +
+ Think Forward + (주)디인텔리전스 · 2026 +
+
+ + +
+
+
+ D.intelligence Design System 2026 + Contents +
+ +
+
Table of Contents
+

Nine chapters,
one operating system

+ +
+
01
Brand Platform
미션 · 비전 · 캐릭터 · Heritage
+
06
Slide Templates
커버 · 섹션 · 콘텐츠 · 클로징
+ +
02
Logo & Logomark
기본 · 변형 · 여백 · 사용 금지
+
07
Service Architecture
3-Phase · 17 모듈 · 4 카테고리
+ +
03
Color System
팔레트 · 사용 규칙 · 조합
+
08
Voice & Messaging
톤 · 매너 · 좋은 예 · 나쁜 예
+ +
04
Typography
DM Sans · Apple SD Gothic Neo
+
09
Components & Do/Don't
UI · 차트 · 사용 규칙
+ +
05
Layout & Motifs
그리드 · 수직선 · 세 점 · 푸터
+
+
+
+ +
+ — Analysis, Treatment & Growth — + 02 / 28 +
+
+ + +
+
+ D.intelligence Design System 2026 + Chapter 01 +
+ +
+
+
+
01
+
Chapter One
+

Brand
Platform

+
브랜드 플랫폼
+
우리가 누구이고, 왜 존재하며, 어떤 인격으로 말하는가. v1.3에서 재정립된 브랜드의 4차원 운영 체계와 '마케팅 과학자' 캐릭터
+
+
+ +
+
In this chapter
+
+
· Mission, Vision, Tagline, Motto
+
· Core Values (Science / Practice / Outcome / Insights)
+
· Brand Dimensions — 4D
+
· Brand Character
+
· Heritage Promise — 7가지 약속
+
+
+ +
+ — Analysis, Treatment & Growth — + 03 / 28 +
+
+ + +
+
+ 01 · Brand Platform + Brand Core +
+ +
+
+ 01.1 + Brand Core · 브랜드 핵심 +
+

Mission, Vision, Tagline, Motto

+ +
+ +
+
Mission · 미션
+
A trusted partner enabling
data-driven decisions for
sustainable growth
+
데이터 기반 의사결정으로 기업의
지속가능한 성장을 실현하는 전문 파트너
+
+ +
+
Vision · 비전
+
Evangelists of marketing
science and data literacy
+
마케팅 과학과 데이터 리터러시의 전도사
+
+ +
+
Tagline · 태그라인
+
Analysis, Treatment
& Growth
+
진단 · 처방 · 성장
+
+ +
+
Internal Motto · 내부 모토
+
Think
Forward
+
우리 안의 약속 — 함께 앞을 보는 동반자로서
+
+ +
+
+ +
+ — Analysis, Treatment & Growth — + 04 / 28 +
+
+ + +
+
+ 01 · Brand Platform + Core Values · Position +
+ +
+
+ 01.2 + Core Values & Brand Position +
+

Four values, one position

+
네 가지 핵심 가치가 우리의 모든 진단, 처방, 성장 설계를 관통한다.
+ +
+ +
+
+
VALUE 01
+
Science
+
+
+
과학적 방법론, 검증, 데이터 기반 판단
+
+
+ +
+
+
VALUE 02
+
Practice
+
+
+
실행 가능하고 현실적인 해법
+
+
+ +
+
+
VALUE 03
+
Outcome
+
+
+
측정 가능한 성과 중심
+
+
+ +
+
+
VALUE 04
+
Insights
+
+
+
복잡한 문제를 분명한 인사이트로 전환
+
+
+ +
+ +
+
+
Brand Position
+
AI & Data-driven Marketing Innovation Partner
+
AI와 데이터 기반 마케팅 혁신의 파트너
+
+
+
대기업 수준의 데이터·AI 역량을 중견기업과 스타트업에 맞춤 실행력으로 전달한다.
+
+
+
+ +
+ — Analysis, Treatment & Growth — + 05 / 28 +
+
+ + +
+
+ 01 · Brand Platform + Brand Dimensions +
+ +
+
+ 01.3 + 4D Brand Dimensions · 4차원 브랜드 구조 +
+

Functional, Emotional, Experiential, Social

+ +
+ +
+
+
Functional
+
기능적
+
+
+
데이터 기반 진단-처방-성장 프레임워크를 통해 측정 가능한 성과를 설계한다
+
Analysis, Treatment & Growth
+
+
+ +
+
+
Emotional
+
감성적
+
+
+
함께 문제를 풀어가는 동반자로서, 고객과 같은 방향을 바라본다
+
Think Forward
+
+
+ +
+
+
Experiential
+
경험적
+
+
+
과학적인 마케팅 문제 해결 — 성과 중심, 데이터 기반, 지속 성장
+
SMART Marketing Intelligence
+
+
+ +
+
+
Social
+
사회적
+
+
+
누구나 활용 가능한 보편적 데이터 & AI 역량의 전도사
+
Data Literacy for All
+
+
+ +
+ +
+
Brand Promise
+
"진단의 정확함으로 시작하여, 성장의 구조를 함께 만듭니다."
+
+
+ +
+ — Analysis, Treatment & Growth — + 06 / 28 +
+
+ + +
+
+
+ 01 · Brand Platform + Brand Character +
+ +
+
+ 01.4 + Brand Character · 브랜드 인격 +
+ +
+
+
The Character
+
성과중심의
데이터 기반
마케팅 과학자
+
Outcome-focused, Data-driven Marketing Scientist — proves marketing by hypothesis, measurement, and replicable method. Speaks in data, experiments, and structure rather than guesses and generalities.
+
엄밀한 가설 검증, 측정 가능한 KPI, 재현 가능한 방법론으로 마케팅 성과를 설계하는 분석가형 전문가
+ +
+ NOTE · §2.9.1 + "지혜로운 상담 마케팅 주치의" 캐릭터는 OurDigital로 이관 (2026-05-17) — 별도 브랜드 시스템에서 관리 +
+
+ +
+
Five Character Traits
+ +
+
+
과학적 엄정성SCIENTIFIC RIGOR · SCIENCE
+
가설 → 측정 → 검증 → 개선의 순환을 일관되게 적용한다
+
+
+
성과 지향성OUTCOME ORIENTATION · OUTCOME
+
측정 가능한 KPI 변화로 결과를 보여준다
+
+
+
실행 가능성EXECUTABILITY · PRACTICE
+
추상적 권고가 아닌 즉시 적용 가능한 처방을 제시한다
+
+
+
구조적 사고STRUCTURAL THINKING · INSIGHTS
+
단편적 답변이 아닌 의사결정 프레임워크를 설계한다
+
+
+
정직한 한계 표시HONEST LIMITS · 약속 #3
+
데이터·가정의 한계를 분명히 명시한다
+
+
+
+
+
+ +
+ — Analysis, Treatment & Growth — + 07 / 28 +
+
+ + +
+
+ 01 · Brand Platform + Heritage Promise · 2011 +
+ +
+
+ 01.5 + Heritage Promise — Seven Promises from 2011, D&A +
+

Seven promises that still hold

+
2011년 창업 당시의 약속은 지금의 Core Values와 톤앤매너의 원형이다.
이 일곱 가지가 Brand Character의 인간적 깊이를 부여한다.
+ +
+ +
+
PROMISE 01
+
사람과 사람의
이야기를 이어갑니다.
+
+ +
+
PROMISE 02
+
사람의 얼굴을 한
브랜드를 그립니다.
+
+ +
+
PROMISE 03
+
진실된 고객 가치만을
이야기합니다.
+
+ +
+
PROMISE 04 · 톤의 원형
+
조심스럽게 듣고
담백하게 말합니다.
+
+ +
+
PROMISE 05
+
큰 성공보다는
작은 믿음을 약속합니다.
+
+ +
+
PROMISE 06
+
새로운 도전과 실패를
두려워하지 않습니다.
+
+ +
+
PROMISE 07
+
사람의 온기와 향기를
남깁니다.
+
+ +
+
SINCE 2011
+
"이 7가지 약속은 현재의 Core Values와 톤앤매너의 원형이며, Brand Character의 인간적 깊이를 부여하는 근간이다."
+
+ +
+
+ +
+ — Analysis, Treatment & Growth — + 08 / 28 +
+
+ + +
+
+ D.intelligence Design System 2026 + Chapter 02 +
+
+
+
+
02
+
Chapter Two
+

Logo &
Logomark

+
로고와 로고마크
+
펜타곤-애로우 마크가 'think forward' 모토를 품고, 워드마크와 함께 놓인다. 변형은 다섯 가지, 클리어 스페이스는 'D.'의 높이.
+
+
+
+ +
+
+ — Analysis, Treatment & Growth — + 09 / 28 +
+
+ + +
+
+ 02 · Logo & Logomark + Primary Lockup +
+
+
+ 02.1 + Primary Lockup · 기본 조합 +
+

The horizontal lockup leads

+ +
+ + + + + + + + x + x + x + x + + +
+ +
+
+
Clear Space
+
All sides ≥ height of 'D.' element
+
사방 여백은 워드마크 'D.'의 높이 이상
+
+
+
Minimum Size
+
Digital 120px wide · Print 30mm wide
+
디지털 120px / 인쇄 30mm 이상
+
+
+
Color Mode
+
D Brown #231815 on light · White on dark
+
밝은 배경 D Brown, 어두운 배경 White
+
+
+
+
+ — Analysis, Treatment & Growth — + 10 / 28 +
+
+ + +
+
+ 02 · Logo & Logomark + Variations +
+
+
+ 02.2 + Variations · 변형 +
+

Five lockups, one system

+ +
+ +
+
+ +
+
+
01 · Horizontal — Primary
+
가로형 · 기본 사용
+
+
+ +
+
+ +
+
+
02 · Square — Avatar
+
정방형 · 프로필, 파비콘
+
+
+ +
+
+ +
+
+
03 · Motto Mark
+
모토 마크 · 'think forward'
+
+
+ +
+
+ +
+
+
04 · Horizontal — Reverse
+
가로형 · 반전 (어두운 배경)
+
+
+ +
+
+ +
+
+
05 · Vertical — Reverse
+
세로형 · 반전
+
+
+ +
+
+
Selection Logic
+
Use 01 by default. 02 for circular crops. 03 for stamp / seal. 04–05 only on dark backgrounds.
+
+
+ +
+
+
+ — Analysis, Treatment & Growth — + 11 / 28 +
+
+ + +
+
+ 02 · Logo & Logomark + Logo Don'ts +
+
+
+ 02.3 + Logo Don'ts · 사용 금지 +
+

What never to do

+ +
+
+
+ + +
+
✗
Don't stretch or distort
로고를 변형하지 마세요
+
+ +
+
+ + +
+
✗
Don't place on gradients
그라데이션 위에 두지 마세요
+
+ +
+
+ + +
+
✗
Don't add shadows or glows
그림자나 효과를 더하지 마세요
+
+ +
+
+ + +
+
✗
Don't use low-contrast pairings
대비가 낮은 배경을 피하세요
+
+ +
+
+ + +
+
✗
Don't recolor
색을 변경하지 마세요
+
+ +
+
+ + +
+
✗
Don't rotate
회전시키지 마세요
+
+ +
+
+
— Analysis, Treatment & Growth —
+ +
+
✗
Don't lock to tagline
태그라인과 잠금 조합 금지
+
+ +
+
+ + +
+
✗
Don't place on busy imagery
복잡한 이미지 위에 두지 마세요
+
+ +
+
+
+ — Analysis, Treatment & Growth — + 12 / 28 +
+
+ + +
+
+ D.intelligence Design System 2026 + Chapter 03 +
+
+
+
+
03
+
Chapter Three
+

Color
System

+
컬러 시스템
+
D Beige가 표지를 안내하고, D Brown이 본문을 지탱하며, D Olive는 절제된 액센트로 자리한다.
+
+
+ +
+
+
+
+
+
+
+
+
+ — Analysis, Treatment & Growth — + 13 / 28 +
+
+ + +
+
+ 03 · Color System + Full Palette +
+
+
+ 03.1 + Brand Palette · 브랜드 팔레트 +
+

Eight colors, clear roles

+ +
+ +
+
+
Primary BG · New
+
+
D Beige
+
#E5E1D2 · R229 G225 B210
+
+
+
Cover & section dividers. The mature successor to 2022's D Olive.
+
+ +
+
+
Dark BG · Text
+
+
D Brown
+
#231815 · R35 G24 B21
+
+
+
Primary text. Closing slides & emphasis backgrounds. Replaces pure black.
+
+ +
+
+
Accent — Use Sparingly
+
+
D Olive
+
#CEDC00 · R206 G220 B0
+
+
+
Highlight chips, callouts, three-dot motif. Never as full background.
+
+ +
+
+
Digital · Data Viz
+
+
D Blue
+
#0075C0 · R0 G117 B192
+
+
+
Diagrams, data visualisations, hyperlinks. Web only.
+
+ +
+
+
Secondary Text
+
+
D Gray
+
#727171
+
+
+
+ +
+
+
Border · 0.5pt
+
+
D Border
+
#BFBFBF
+
+
+
+ +
+
+
Card · Surface
+
+
D Light Gray
+
#F2F2F2
+
+
+
+ +
+
+
Header Bar · Top-left
+
+
Warm Gray
+
#C8C4B8
+
+
+
+ +
+
+
+ — Analysis, Treatment & Growth — + 14 / 28 +
+
+ + +
+
+ 03 · Color System + Usage Evolution +
+
+
+ 03.2 + Usage Evolution · 사용 변천 +
+

2022 → 2025 → 2026

+
올리브가 지배하던 2022에서, 베이지가 표지를 안내하는 2025를 거쳐 — 컨설팅 등급의 성숙한 톤이 2026의 기준이다.
+ +
+ +
+
2022 · Olive-led
+
+
Cover BG · #CEDC00
+
Content BG · #FFFFFF
+
+
Bright, energetic — but reads as tech startup rather than consultancy.
+
+ +
+
2025 · Beige-led
+
+
Cover / Section · #E5E1D2
+
Content BG · #FFFFFF
+
+
Warm, mature, consultancy-grade. Olive demoted to accent only.
+
+ +
+
2026 · Refined
+
+
Cover / Section · #E5E1D2
+
Content BG · #FFFFFF
+
Closing · #231815
+
+
Three-tier system. D Brown joins as the dark anchor for emphasis & closing slides.
+
+
+ +
+
+
Demoted
+
D Olive (#CEDC00) — from dominant background to accent-only: circles, highlights, Venn overlaps.
+
+
+
Reserved
+
D Blue (#0075C0) — digital/web accent only: diagrams, data visualisations.
+
+
+
+
+ — Analysis, Treatment & Growth — + 15 / 28 +
+
+ + +
+
+ D.intelligence Design System 2026 + Chapter 04 +
+
+
+
+
04
+
Chapter Four
+

Typography

+
타이포그래피
+
DM Sans for English clarity. Apple SD Gothic Neo for Korean warmth. Two families, calibrated to read as one voice.
+
+
+
+
Aa
+
가
+
+
+ — Analysis, Treatment & Growth — + 16 / 28 +
+
+ + +
+
+ 04 · Typography + Typefaces +
+
+
+ 04.1 + Typefaces · 사용 서체 +
+

Two families, one voice

+ +
+ + +
+
+
+
English · 영문
+
DM Sans
+
+
SIL Open Font License
Latin · Geometric Sans
+
+
+
+
Regular · 400
+
D.intelligence — Analysis, Treatment & Growth
+
+
+
Medium · 500
+
Objective-oriented Measurement
+
+
+
Bold · 700
+
Think Forward.
+
+
+
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & @ # ? !
+
+
+
+ + +
+
+
+
Korean · 한글
+
Apple SD Gothic Neo
+
+
macOS / iOS
한글 산세리프
+
+
+
+
Light · 300
+
디인텔리전스 데이터 기반 의사결정
+
+
+
Medium · 500
+
진단으로 시작하여 성장으로 잇다
+
+
+
Bold · 700
+
성과중심의 데이터 기반 마케팅 과학자
+
+
+
가 나 다 라 마 바 사 아 자 차 카 타 파 하 · ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ · 0 1 2 3 4 5 6 7 8 9
+
+
+
+ +
+
+
+ — Analysis, Treatment & Growth — + 17 / 28 +
+
+ + +
+
+ 04 · Typography + Type Scale +
+
+
+ 04.2 + Type Scale · 타입 스케일 +
+

Hierarchy at a glance

+ +
+
+
Element
Size
Weight
Color
Sample
+
+ +
+
Display Title
섹션 디바이더
+
54–112pt
+
700–800
+
D Brown
+
Think Forward.
+
+ +
+
Slide Title
슬라이드 제목
+
28–44pt
+
700
+
D Brown
+
Diagnose. Prescribe. Grow.
+
+ +
+
Subtitle · Caption
부제 · 캡션
+
14–18pt
+
400
+
D Gray
+
Marketing science for measurable growth.
+
+ +
+
Body Text
본문
+
11–14pt
+
400
+
D Brown
+
현재 구조상 가장 큰 병목은 전환 추적 이벤트의 부재입니다. 채널별 CAC 구조를 재설계하여 3개월 내 비효율 매체비 15–20% 절감 가능성을 진단합니다.
+
+ +
+
Footnote · Page
각주 · 페이지
+
8–13pt
+
400
+
D Gray
+
— Analysis, Treatment & Growth — · 12 / 28
+
+ +
+
Header Bar
헤더 바
+
10–14pt
+
400
+
Warm Gray
+
D.intelligence Design System 2026
+
+
+
+
+ — Analysis, Treatment & Growth — + 18 / 28 +
+
+ + +
+
+ 05 · Layout & Motifs + Visual Language +
+
+
+ 05.1 + Layout Motifs · 레이아웃 모티프 +
+

Three quiet motifs

+
조용한 세 가지 장치가 모든 슬라이드의 리듬을 만든다. 화려한 그래픽 대신 — 선 하나, 점 셋, 캡션 한 줄.
+ +
+ + +
+
+
+
+
03
+
Chapter Three
+
Section
Title.
+
섹션 타이틀
+
+
+
+
Motif 01 · Vertical Line Accent
+
Thin 1px line in Warm Gray on the left of every section divider. Height varies with title.
+
섹션 디바이더 왼쪽 1px 수직선
+
+
+ + +
+
+
+ + + +
+
+
DATA
+
INTELLIGENCE
+
표지 / 강조 슬라이드
+
+
+
+
Motif 02 · Three-Dot Marker
+
Three small dots (• • •) in the upper-right corner of cover and featured slides.
+
표지·중요 슬라이드 우상단 세 점
+
+
+ + +
+
+
+
Content Area
+
Analysis,
Treatment
& Growth.
+
+
+ — Analysis, Treatment & Growth — + 12 / 28 +
+
+
+
Motif 03 · Footer Convention
+
'Analysis, Treatment & Growth' tagline + page number on every content slide.
+
본문 슬라이드 푸터에 태그라인 + 페이지
+
+
+ +
+
+
+ — Analysis, Treatment & Growth — + 19 / 28 +
+
+ + +
+
+ 06 · Slide Templates + Four Templates +
+
+
+ 06.1 + Slide Templates · 슬라이드 템플릿 +
+

Cover · Section · Content · Closing

+ +
+ + +
+
+
+
+
— A,T & G —
+
D.
+
intelligence
+
+
+
DESIGN SYSTEM
+
2026
+
+
+
+
TEMPLATE 01
+
Cover
+
표지 · D Beige BG · 세 점 모티프
+
+
+ + +
+
+
+
+
+
02
+
CHAPTER TWO
+
Section
+
Title.
+
+
+
+
+
TEMPLATE 02
+
Section Divider
+
섹션 디바이더 · 수직선 액센트
+
+
+ + +
+
+
D.intelligence DS 2026Chapter 03
+
+
Content Slide Title.
+
Body text — DM Sans & Apple SD Gothic Neo. Keep body 11–14pt for readability with generous whitespace.
+
+
+
+
+
+
— A, T & G —12 / 28
+
+
+
TEMPLATE 03
+
Content
+
본문 · 흰 배경 · 헤더+푸터
+
+
+ + +
+
+
+
Thank
+
You.
+
— Think Forward —
+
+
+
W. dintelligence.co.kr
E. info@dintelligence.co.kr
+
+
+
+
TEMPLATE 04
+
Closing
+
클로징 · D Brown BG · 연락처
+
+
+ +
+ +
+
Grid
+
12-column · 96px outer margin · 24px gutter.  상단 헤더 56px · 하단 푸터 56px · 본문 시작 220px · 본문 끝 -140px.
+
+
+
+ — Analysis, Treatment & Growth — + 20 / 28 +
+
+ + +
+
+ D.intelligence Design System 2026 + Chapter 07 +
+
+
+
+
07
+
Chapter Seven
+

Service
Architecture

+
서비스 아키텍처
+
3-Phase × 17 Modules × 4 Categories. v1.3 Brand Guide 기준으로 시각 체계화된 서비스 아키텍처
+
+
+
+
Analysis진단 · A1–A6
+
↓
+
Treatment처방 · T1–T7
+
↓
+
Growth성장 · G1–G4
+
+
+ — Analysis, Treatment & Growth — + 21 / 28 +
+
+ + +
+
+ 07 · Service Architecture + 3-Phase Framework +
+
+
+ 07.1 + 3-Phase Framework · 3단계 프레임워크 +
+

Diagnose · Prescribe · Grow

+
고객의 디지털 성장 단계에 맞춘 3-Phase 프레임워크 — 진단으로 시작해, 실행으로 처방하고, 장기적 파트너십으로 성장을 잇는다.
+ + +
+ +
+
+ 01Phase One +
A1 — A6
+
+
+
Analysis
+
진단
+
+
현재 상태를 정확하게 진단하고 데이터 근거를 확보한다.
+
+
6 Modules
+
비즈니스·브랜드 · 고객 분석 · 웹/앱 · 디지털 마케팅 · 퍼포먼스 · 운영·관리
+
+
+ +
+
+ 02Phase Two +
T1 — T7
+
+
+
Treatment
+
처방
+
+
진단 결과를 기반으로 구체적 개선·최적화 설계·실행으로 연결한다.
+
+
7 Modules · incl. signature
+
스토리텔링 · 접점 경험 · 자산 통합 · 콘텐츠 · 광고·전환 · Brand Visibility (T6) · 자동화
+
+
+ +
+
+ 03Phase Three +
G1 — G4
+
+
+
Growth
+
성장
+
+
지속적 성장을 위한 장기 파트너십과 성과 관리.
+
+
4 Modules
+
퍼포먼스 마케팅 · 콘텐츠 대행 · 모니터링·이슈관리 · 연간 계약·운영
+
+
+ +
+ + +
+
Cross-cutting tags
+
+ DI · Data Intelligence + MD · Measurement Design + MPO · Marketing Perf. Opt. + BVT · Brand Visibility Treatment +
+
+
+
+ — Analysis, Treatment & Growth — + 22 / 28 +
+
+ + +
+
+ 07 · Service Architecture + 17 Modules · Service Map v2.0 +
+
+
+ 07.2 + Service Map · 서비스 맵 +
+

Seventeen modules across three phases

+ + +
+
+
PHASE 01
+
Analysis
+
진단
+
+
+
A1
비즈니스·브랜드 진단
MPO
+
A2
고객·소비자 분석
MPO
+
A3
데이터 분석 — 웹·앱
DIMDBVT
+
A4
디지털 마케팅 진단
MPOBVT
+
A5
퍼포먼스 마케팅 진단
MPOMD
+
A6
운영·관리 진단
DI
+
+
+ + +
+
+
PHASE 02
+
Treatment
+
처방
+
+
+
T1
브랜드 스토리텔링 & 가이드
BVT
+
T2
고객 접점 경험 최적화
MPO
+
T3
디지털 자산 통합관리
DIMD
+
T4
콘텐츠 마케팅
MPO
+
T5
광고·전환 최적화
MPO
+
T6 ★
Brand Visibility Treatment
BVT · SIGNATURE
+
T7
운영 시스템·자동화
DI
+
+
+ + +
+
+
PHASE 03
+
Growth
+
성장
+
+
+
G1
퍼포먼스 마케팅
MPO
+
G2
콘텐츠 마케팅 대행
MPOBVT
+
G3
모니터링·이슈관리
MDBVT
+
G4
연간 계약·운영
MPO
+
+
+
+
+ — Analysis, Treatment & Growth — + 23 / 28 +
+
+ + +
+
+ D.intelligence Design System 2026 + Chapter 08 +
+
+
+
+
08
+
Chapter Eight
+

Voice &
Messaging

+
목소리와 메시지
+
Professional · Science-driven · Practice-oriented · Outcome-focused · Calm but confident.
조심스럽게 듣고, 담백하게 말한다.
+
+
+
+
Standard Structure · 표준 구조
+
Problem Diagnosis → Data Evidence → Solution → Expected Growth Impact.
+
문제 진단 → 데이터 근거 → 해결 방안 → 예상 성과
+
+
+ — Analysis, Treatment & Growth — + 24 / 28 +
+
+ + +
+
+ 08 · Voice & Messaging + Voice Examples +
+
+
+ 08.1 + Voice Examples · 좋은 표현 / 나쁜 표현 +
+

How we sound, how we don't

+ +
+ + +
+
+ DO + — 좋은 표현 +
+ +
+
+
진단형
+
"현재 구조상 가장 큰 병목은 전환 추적 이벤트의 부재입니다."
+
+
+
데이터형
+
"현 데이터 품질을 전제로 하면, 15–20% 범위의 CAC 절감 가능성이 있습니다."
+
+
+
전략형
+
"단기적으로는 GA4 이벤트 재설계, 중기적으로는 대시보드 체계 구축이 타당합니다."
+
+
+
제안형
+
"이 경우 핵심 지표는 채널별 전환율과 ROAS로 보아야 합니다."
+
+
+
CTA형
+
"채널별 CAC 구조를 재설계하여 3개월 내 비효율 매체비 15–20% 절감 가능성을 진단합니다."
+
+
+
+ + +
+
+ DON'T + — 나쁜 표현 +
+ +
+
+
과장
+
"마케팅 효율을 획기적으로 높여드립니다."
→ 근거 없는 과장
+
+
+
보장
+
"반드시 매출이 올라갑니다."
→ 성과 보장 표현 금지
+
+
+
모호
+
"요즘은 다 이렇게 합니다."
→ 근거 없는 일반화
+
+
+
과시
+
"저희만의 독보적인 AI 기술이 있습니다."
→ 기술 과시
+
+
+
권위
+
"국내 Top 기업들이 사용합니다."
→ 레퍼런스 의존 권위주의
+
+
+
+ +
+ + +
+
DI
"흩어진 데이터를 하나의 의사결정 체계로 연결합니다"
+
MD
"무엇을 측정하고, 성과 기준을 어떻게 설정하며, 어떤 데이터 소스를 활용할지 안내합니다"
+
MPO
"실행 가능한 최적화로, 데이터가 말하는 성과를 실현합니다"
+
BVT
"브랜드가 어떻게 드러나고 이해되는지를 최적화합니다"
+
+
+
+ — Analysis, Treatment & Growth — + 25 / 28 +
+
+ + +
+
+ 09 · Components + Component Library +
+
+
+ 09.1 + Component Library · UI 키트 +
+

Reusable parts for reports & proposals

+ +
+ + +
+
Buttons · 버튼
+
+ + + + +
+ +
Tags · 태그
+
+ DI + MD + MPO + BVT + DRAFT +
+
+ + +
+
KPI Card · 지표 카드
+
+
+
CAC · channel avg
+ MPO +
+
−18%
+
3-month projected · vs Q1 baseline
+
+
+
+
0%−18% target−30%
+
+ +
Callout · 강조 박스
+
+
Key Finding
+
전환 추적 이벤트의 부재가 가장 큰 병목
+
+
+ + +
+
Data Table · 데이터 표
+
+
+
Channel
ROAS
Δ MoM
+
+
Google Ads
3.42×
+0.18
+
Meta Ads
2.17×
−0.04
+
Naver SA
4.81×
+0.32
+
Organic Search
8.07×
+1.12
+
+ +
Bar Chart · 차트
+
+
+
Jan
+
Feb
+
Mar
+
Apr
+
May
+
Jun
+
+
+
+
+
+
+ — Analysis, Treatment & Growth — + 26 / 28 +
+
+ + +
+
+ 09 · Components + Do's & Don'ts +
+
+
+ 09.2 + Do's & Don'ts +
+

The short list

+ +
+
+
+ DO + — 권장 사항 +
+
+
✓
Use D Beige for cover & section dividers
표지·섹션 디바이더에 D Beige 사용
+
✓
Maintain vertical line accent on section slides
섹션 슬라이드에 수직선 액센트 유지
+
✓
Keep body text 11–14pt for readability
본문은 11–14pt로 가독성 확보
+
✓
Use D Brown (#231815) as primary text colour
기본 텍스트는 D Brown
+
✓
Include 'Analysis, Treatment & Growth' footer
본문 슬라이드 푸터에 태그라인 유지
+
✓
Use D Olive sparingly as accent only
D Olive는 액센트로만 절제하여 사용
+
✓
Maintain generous whitespace (96px outer margin)
충분한 여백 유지 (외측 96px 이상)
+
+
+ +
+
+ DON'T + — 금지 사항 +
+
+
✗
Use D Olive as full slide background (2022 style)
올리브를 전면 배경으로 쓰지 마세요
+
✗
Mix D Blue & D Olive as equal-weight colours
블루와 올리브를 동등 비중으로 섞지 마세요
+
✗
Use text smaller than 8pt anywhere
8pt 미만의 텍스트는 사용 금지
+
✗
Place logo on every content slide
모든 본문 슬라이드에 로고를 넣지 마세요
+
✗
Use gradients or drop shadows on text
텍스트에 그라데이션·그림자 금지
+
✗
Stretch or distort the logomark
로고마크를 늘리거나 변형 금지
+
✗
Use colours outside the defined palette
정의된 팔레트 외 색상 사용 금지
+
✗
Direct, mechanical translation of English terms
audit → 감사 ✗ · 진단 ✓   framework → 뼈대 ✗ · 프레임워크 ✓
외국어를 사전적으로 직역하지 마세요 (v1.3 §10)
+
+
+ +
+ +
+
2022 → 2026
+
D Olive (#CEDC00)는 지배 배경에서 액센트로 강등되었다. 새로운 따뜻한 D Beige (#E5E1D2)가 더 성숙한 컨설팅 등급의 미감을 전한다.
+
+
+
+ — Analysis, Treatment & Growth — + 27 / 28 +
+
+ + +
+
+
+ D.intelligence Design System 2026 + Closing · 28 / 28 +
+ +
+
— Think Forward —
+
Thank
You
+
진단의 정확함으로 시작하여,
성장의 구조를 함께 만듭니다.
+
+ +
+
+
Contact
+
(주)디인텔리전스
+
D.intelligence Inc.
+
+ +
+
경기도 성남시 수정구 창업로 43
판교글로벌비즈센터 업무동 1층 36호 (13449)
+
+ +
+
T.+82. 70. 5118. 5582
+
W.dintelligence.co.kr
+
E.info@dintelligence.co.kr
+
+ +
+
D.INTELLIGENCE DESIGN SYSTEM · v2026 · INTERNAL
+
+
+ +
+ — Analysis, Treatment & Growth — + END +
+
+ + + + + + +
+ + + + + diff --git a/D.intelligence Design System.zip b/D.intelligence Design System.zip new file mode 100644 index 0000000..062f67f Binary files /dev/null and b/D.intelligence Design System.zip differ diff --git a/assets/fonts/AppleSDGothicNeoB.ttf b/assets/fonts/AppleSDGothicNeoB.ttf new file mode 100644 index 0000000..ebd50e2 Binary files /dev/null and b/assets/fonts/AppleSDGothicNeoB.ttf differ diff --git a/assets/fonts/AppleSDGothicNeoEB.ttf b/assets/fonts/AppleSDGothicNeoEB.ttf new file mode 100644 index 0000000..d293d59 Binary files /dev/null and b/assets/fonts/AppleSDGothicNeoEB.ttf differ diff --git a/assets/fonts/AppleSDGothicNeoH.ttf b/assets/fonts/AppleSDGothicNeoH.ttf new file mode 100644 index 0000000..9a438b2 Binary files /dev/null and b/assets/fonts/AppleSDGothicNeoH.ttf differ diff --git a/assets/fonts/AppleSDGothicNeoL.ttf b/assets/fonts/AppleSDGothicNeoL.ttf new file mode 100644 index 0000000..ec189fb Binary files /dev/null and b/assets/fonts/AppleSDGothicNeoL.ttf differ diff --git a/assets/fonts/AppleSDGothicNeoM.ttf b/assets/fonts/AppleSDGothicNeoM.ttf new file mode 100644 index 0000000..b6eed02 Binary files /dev/null and b/assets/fonts/AppleSDGothicNeoM.ttf differ diff --git a/assets/fonts/DMSans-Bold.ttf b/assets/fonts/DMSans-Bold.ttf new file mode 100644 index 0000000..e70172a Binary files /dev/null and b/assets/fonts/DMSans-Bold.ttf differ diff --git a/assets/fonts/DMSans-Italic.ttf b/assets/fonts/DMSans-Italic.ttf new file mode 100644 index 0000000..b965526 Binary files /dev/null and b/assets/fonts/DMSans-Italic.ttf differ diff --git a/assets/fonts/DMSans-Medium.ttf b/assets/fonts/DMSans-Medium.ttf new file mode 100644 index 0000000..71b2277 Binary files /dev/null and b/assets/fonts/DMSans-Medium.ttf differ diff --git a/assets/fonts/DMSans-Regular.ttf b/assets/fonts/DMSans-Regular.ttf new file mode 100644 index 0000000..cad73f0 Binary files /dev/null and b/assets/fonts/DMSans-Regular.ttf differ diff --git a/assets/logos/horizontal.png b/assets/logos/horizontal.png new file mode 100644 index 0000000..a15a285 Binary files /dev/null and b/assets/logos/horizontal.png differ diff --git a/assets/logos/horizontal_white.png b/assets/logos/horizontal_white.png new file mode 100644 index 0000000..236dae3 Binary files /dev/null and b/assets/logos/horizontal_white.png differ diff --git a/assets/logos/motto.png b/assets/logos/motto.png new file mode 100644 index 0000000..e732be7 Binary files /dev/null and b/assets/logos/motto.png differ diff --git a/assets/logos/motto_white.png b/assets/logos/motto_white.png new file mode 100644 index 0000000..dd236d9 Binary files /dev/null and b/assets/logos/motto_white.png differ diff --git a/assets/logos/square.png b/assets/logos/square.png new file mode 100644 index 0000000..6ddd49f Binary files /dev/null and b/assets/logos/square.png differ diff --git a/assets/logos/vertical_white.png b/assets/logos/vertical_white.png new file mode 100644 index 0000000..f381050 Binary files /dev/null and b/assets/logos/vertical_white.png differ diff --git a/deck-stage.js b/deck-stage.js new file mode 100644 index 0000000..1455d94 --- /dev/null +++ b/deck-stage.js @@ -0,0 +1,1748 @@ +/** + * — reusable web component for HTML decks. + * + * Handles: + * (a) speaker notes — reads + * + * The :not(:defined) rule prevents a flash of the first slide at its + * authored styles before this script runs and attaches the shadow root. + * + * Slides are the direct element children of . Each slide is + * automatically tagged with: + * - data-screen-label="NN Label" (1-indexed, for comment flow) + * - data-om-validate="no_overflowing_text,no_overlapping_text,slide_sized_text" + */ + +(() => { + const DESIGN_W_DEFAULT = 1920; + const DESIGN_H_DEFAULT = 1080; + const OVERLAY_HIDE_MS = 1800; + const VALIDATE_ATTR = 'no_overflowing_text,no_overlapping_text,slide_sized_text'; + + const pad2 = (n) => String(n).padStart(2, '0'); + + // Label precedence: data-label → data-screen-label (number stripped) → first heading → "Slide". + const getSlideLabel = (el) => { + const explicit = el.getAttribute('data-label'); + if (explicit) return explicit; + + const existing = el.getAttribute('data-screen-label'); + if (existing) return existing.replace(/^\s*\d+\s*/, '').trim() || existing; + + const h = el.querySelector('h1, h2, h3, [data-title]'); + const t = h && (h.textContent || '').trim().slice(0, 40); + if (t) return t; + + return 'Slide'; + }; + + const stylesheet = ` + :host { + position: fixed; + inset: 0; + display: block; + background: #000; + color: #fff; + font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; + overflow: hidden; + } + /* connectedCallback holds this until document.fonts.ready (capped 2s) so + * the first visible paint has the deck's real typography + final rail + * layout. opacity (not visibility) so the active slide can't un-hide + * itself via the ::slotted([data-deck-active]) visibility:visible rule. + * Only the stage/rail hide — the black :host background stays, so the + * iframe doesn't flash the page's default white. */ + :host([data-fonts-pending]) .stage, + :host([data-fonts-pending]) .rail { opacity: 0; pointer-events: none; } + + .stage { + position: absolute; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + } + + .canvas { + position: relative; + transform-origin: center center; + flex-shrink: 0; + background: #fff; + will-change: transform; + } + + /* Slides live in light DOM (via ) so authored CSS still applies. + We absolutely position each slotted child to stack them. */ + ::slotted(*) { + position: absolute !important; + inset: 0 !important; + width: 100% !important; + height: 100% !important; + box-sizing: border-box !important; + overflow: hidden; + opacity: 0; + pointer-events: none; + visibility: hidden; + } + ::slotted([data-deck-active]) { + opacity: 1; + pointer-events: auto; + visibility: visible; + } + + /* Tap zones for mobile — back/forward thirds like Stories. + Transparent, no visible UI, don't block the overlay. */ + .tapzones { + position: fixed; + inset: 0; + display: flex; + z-index: 2147482000; + pointer-events: none; + } + .tapzone { + flex: 1; + pointer-events: auto; + -webkit-tap-highlight-color: transparent; + } + /* Only activate tap zones on coarse pointers (touch devices). */ + @media (hover: hover) and (pointer: fine) { + .tapzones { display: none; } + } + + .overlay { + position: fixed; + left: 50%; + bottom: 22px; + transform: translate(-50%, 6px) scale(0.92); + filter: blur(6px); + display: flex; + align-items: center; + gap: 4px; + padding: 4px; + background: #000; + color: #fff; + border-radius: 999px; + font-size: 12px; + font-feature-settings: "tnum" 1; + letter-spacing: 0.01em; + opacity: 0; + pointer-events: none; + transition: opacity 260ms ease, transform 260ms cubic-bezier(.2,.8,.2,1), filter 260ms ease; + transform-origin: center bottom; + z-index: 2147483000; + user-select: none; + } + .overlay[data-visible] { + opacity: 1; + pointer-events: auto; + transform: translate(-50%, 0) scale(1); + filter: blur(0); + } + + .btn { + appearance: none; + -webkit-appearance: none; + background: transparent; + border: 0; + margin: 0; + padding: 0; + color: inherit; + font: inherit; + cursor: default; + display: inline-flex; + align-items: center; + justify-content: center; + height: 28px; + min-width: 28px; + border-radius: 999px; + color: rgba(255,255,255,0.72); + transition: background 140ms ease, color 140ms ease; + -webkit-tap-highlight-color: transparent; + } + .btn:hover { background: rgba(255,255,255,0.12); color: #fff; } + .btn:active { background: rgba(255,255,255,0.18); } + .btn:focus { outline: none; } + .btn:focus-visible { outline: none; } + .btn::-moz-focus-inner { border: 0; } + .btn svg { width: 14px; height: 14px; display: block; } + .btn.reset { + font-size: 11px; + font-weight: 500; + letter-spacing: 0.02em; + padding: 0 10px 0 12px; + gap: 6px; + color: rgba(255,255,255,0.72); + } + .btn.reset .kbd { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 16px; + height: 16px; + padding: 0 4px; + font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; + font-size: 10px; + line-height: 1; + color: rgba(255,255,255,0.88); + background: rgba(255,255,255,0.12); + border-radius: 4px; + } + + .count { + font-variant-numeric: tabular-nums; + color: #fff; + font-weight: 500; + padding: 0 8px; + min-width: 42px; + text-align: center; + font-size: 12px; + } + .count .sep { color: rgba(255,255,255,0.45); margin: 0 3px; font-weight: 400; } + .count .total { color: rgba(255,255,255,0.55); } + + .divider { + width: 1px; + height: 14px; + background: rgba(255,255,255,0.18); + margin: 0 2px; + } + + /* ── Thumbnail rail ────────────────────────────────────────────────── + Fixed column on the left; each thumbnail is a static deep-clone of + the light-DOM slide scaled into a 16:9 (or design-aspect) frame. The + stage re-fits around it (see _fit); hidden during present / noscale + / print so capture geometry and fullscreen output are unchanged. */ + .rail { + position: fixed; + left: 0; + top: 0; + bottom: 0; + width: var(--deck-rail-w, 188px); + background: #141414; + border-right: 1px solid rgba(255,255,255,0.08); + overflow-y: auto; + overflow-x: hidden; + padding: 12px 10px; + box-sizing: border-box; + display: flex; + flex-direction: column; + gap: 12px; + z-index: 2147482500; + scrollbar-width: thin; + scrollbar-color: rgba(255,255,255,0.18) transparent; + } + .rail::-webkit-scrollbar { width: 8px; } + .rail::-webkit-scrollbar-track { background: transparent; margin: 2px; } + .rail::-webkit-scrollbar-thumb { + background: rgba(255,255,255,0.18); + border-radius: 4px; + border: 2px solid transparent; + background-clip: content-box; + } + .rail::-webkit-scrollbar-thumb:hover { + background: rgba(255,255,255,0.28); + border: 2px solid transparent; + background-clip: content-box; + } + :host([no-rail]) .rail, + :host([noscale]) .rail { display: none; } + .rail[data-presenting] { display: none; } + /* User-driven show/hide (the TweaksPanel toggle) slides instead of + popping. Transitions are gated on :host([data-rail-anim]) — set only + for the 200ms around the toggle — so window-resize and rail-width + drag (which also call _fit) don't lag behind the cursor. */ + .rail[data-user-hidden] { transform: translateX(-100%); } + :host([data-rail-anim]) .rail { transition: transform 200ms cubic-bezier(.3,.7,.4,1); } + :host([data-rail-anim]) .stage { transition: left 200ms cubic-bezier(.3,.7,.4,1); } + :host([data-rail-anim]) .canvas { transition: transform 200ms cubic-bezier(.3,.7,.4,1); } + /* transition shorthand replaces rather than merges — repeat the base + .overlay opacity/transform/filter transitions so visibility changes + during the 200ms toggle window still fade instead of popping. */ + :host([data-rail-anim]) .overlay { + transition: margin-left 200ms cubic-bezier(.3,.7,.4,1), + opacity 260ms ease, + transform 260ms cubic-bezier(.2,.8,.2,1), + filter 260ms ease; + } + :host([data-rail-anim]) .tapzones { transition: left 200ms cubic-bezier(.3,.7,.4,1); } + + .thumb { + position: relative; + display: flex; + align-items: flex-start; + gap: 8px; + cursor: pointer; + user-select: none; + } + .thumb .num { + width: 16px; + flex-shrink: 0; + font-size: 11px; + font-weight: 500; + text-align: right; + color: rgba(255,255,255,0.55); + padding-top: 2px; + font-variant-numeric: tabular-nums; + } + .thumb .frame { + position: relative; + flex: 1; + min-width: 0; + aspect-ratio: var(--deck-aspect); + background: #fff; + border-radius: 4px; + outline: 2px solid transparent; + outline-offset: 0; + overflow: hidden; + transition: outline-color 120ms ease; + } + .thumb:hover .frame { outline-color: rgba(255,255,255,0.25); } + .thumb { outline: none; } + .thumb:focus-visible .frame { outline-color: rgba(255,255,255,0.5); } + .thumb[data-current] .num { color: #fff; } + .thumb[data-current] .frame { outline-color: #D97757; } + .thumb[data-dragging] { opacity: 0.35; } + .thumb::before { + content: ''; + position: absolute; + left: 24px; + right: 0; + height: 3px; + border-radius: 2px; + background: #D97757; + opacity: 0; + pointer-events: none; + } + .thumb[data-drop="before"]::before { top: -8px; opacity: 1; } + .thumb[data-drop="after"]::before { bottom: -8px; opacity: 1; } + .thumb[data-skip] .frame { opacity: 0.35; } + .thumb[data-skip] .frame::after { + content: 'Skipped'; + position: absolute; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + background: rgba(0,0,0,0.45); + color: #fff; + font-size: 10px; + font-weight: 500; + letter-spacing: 0.04em; + } + + .ctxmenu { + position: fixed; + min-width: 150px; + padding: 4px; + background: #242424; + border: 1px solid rgba(255,255,255,0.12); + border-radius: 7px; + box-shadow: 0 8px 24px rgba(0,0,0,0.45); + z-index: 2147483100; + display: none; + font-size: 12px; + } + .ctxmenu[data-open] { display: block; } + .ctxmenu button { + display: block; + width: 100%; + appearance: none; + border: 0; + background: transparent; + color: #e8e8e8; + font: inherit; + text-align: left; + padding: 6px 10px; + border-radius: 4px; + cursor: pointer; + } + .ctxmenu button:hover:not(:disabled) { background: rgba(255,255,255,0.08); } + .ctxmenu button:disabled { opacity: 0.35; cursor: default; } + .ctxmenu hr { + border: 0; + border-top: 1px solid rgba(255,255,255,0.1); + margin: 4px 2px; + } + + .rail-resize { + position: fixed; + left: calc(var(--deck-rail-w, 188px) - 3px); + top: 0; + bottom: 0; + width: 6px; + cursor: col-resize; + z-index: 2147482600; + touch-action: none; + } + .rail-resize:hover, + .rail-resize[data-dragging] { background: rgba(255,255,255,0.12); } + :host([no-rail]) .rail-resize, + :host([noscale]) .rail-resize, + .rail[data-presenting] + .rail-resize, + .rail[data-user-hidden] + .rail-resize { display: none; } + + /* Delete-confirm popup — matches the SPA's ConfirmDialog layout + (title + message body, depressed footer with Cancel / Delete). */ + .confirm-backdrop { + position: fixed; + inset: 0; + background: rgba(0,0,0,0.45); + z-index: 2147483200; + display: none; + align-items: center; + justify-content: center; + } + .confirm-backdrop[data-open] { display: flex; } + .confirm { + width: 320px; + max-width: calc(100vw - 32px); + background: #2a2a2a; + color: #e8e8e8; + border: 1px solid rgba(255,255,255,0.12); + border-radius: 12px; + box-shadow: 0 12px 32px rgba(0,0,0,0.5); + overflow: hidden; + font-family: inherit; + animation: deck-confirm-in 0.18s ease; + } + @keyframes deck-confirm-in { + from { opacity: 0; transform: scale(0.96); } + to { opacity: 1; transform: scale(1); } + } + .confirm .body { padding: 20px 20px 16px; } + .confirm .title { font-size: 14px; font-weight: 600; margin-bottom: 4px; } + .confirm .msg { font-size: 13px; line-height: 1.5; color: rgba(255,255,255,0.65); } + .confirm .footer { + padding: 14px 20px; + background: #1f1f1f; + border-top: 1px solid rgba(255,255,255,0.08); + display: flex; + justify-content: flex-end; + gap: 8px; + } + .confirm button { + appearance: none; + font: inherit; + font-size: 13px; + font-weight: 500; + padding: 8px 16px; + border-radius: 8px; + cursor: pointer; + } + .confirm .cancel { + background: transparent; + border: 0; + color: rgba(255,255,255,0.8); + } + .confirm .cancel:hover { background: rgba(255,255,255,0.08); } + .confirm .danger { + background: #c96442; + border: 1px solid rgba(0,0,0,0.15); + color: #fff; + box-shadow: 0 1px 3px rgba(166,50,68,0.3), 0 2px 6px rgba(166,50,68,0.18); + } + .confirm .danger:hover { background: #b5563a; } + + /* ── Print: one page per slide, no chrome ──────────────────────────── + The screen layout stacks every slide at inset:0 inside a scaled + canvas; for print we want them in document flow at the authored + design size so the browser paginates one slide per sheet. The + @page size is set from the width/height attributes via the inline + +
+
+ {title} + +
+
+ {children} + {hasDeckStage && railEnabled && !noDeckControls && ( + + + + )} +
+
+ + ); +} + +// ── Layout helpers ────────────────────────────────────────────────────────── + +function TweakSection({ label, children }) { + return ( + <> +
{label}
+ {children} + + ); +} + +function TweakRow({ label, value, children, inline = false }) { + return ( +
+
+ {label} + {value != null && {value}} +
+ {children} +
+ ); +} + +// ── Controls ──────────────────────────────────────────────────────────────── + +function TweakSlider({ label, value, min = 0, max = 100, step = 1, unit = '', onChange }) { + return ( + + onChange(Number(e.target.value))} /> + + ); +} + +function TweakToggle({ label, value, onChange }) { + return ( +
+
{label}
+ +
+ ); +} + +function TweakRadio({ label, value, options, onChange }) { + const trackRef = React.useRef(null); + const [dragging, setDragging] = React.useState(false); + // The active value is read by pointer-move handlers attached for the lifetime + // of a drag — ref it so a stale closure doesn't fire onChange for every move. + const valueRef = React.useRef(value); + valueRef.current = value; + + // Segments wrap mid-word once per-segment width runs out. The track is + // ~248px (280 panel − 28 body pad − 4 seg pad), each button loses 12px + // to its own padding, and 11.5px system-ui averages ~6.3px/char — so 2 + // options fit ~16 chars each, 3 fit ~10. Past that (or >3 options), fall + // back to a dropdown rather than wrap. + const labelLen = (o) => String(typeof o === 'object' ? o.label : o).length; + const maxLen = options.reduce((m, o) => Math.max(m, labelLen(o)), 0); + const fitsAsSegments = maxLen <= ({ 2: 16, 3: 10 }[options.length] ?? 0); + if (!fitsAsSegments) { + // onChange(e.target.value)}> + {options.map((o) => { + const v = typeof o === 'object' ? o.value : o; + const l = typeof o === 'object' ? o.label : o; + return ; + })} + + + ); +} + +function TweakText({ label, value, placeholder, onChange }) { + return ( + + onChange(e.target.value)} /> + + ); +} + +function TweakNumber({ label, value, min, max, step = 1, unit = '', onChange }) { + const clamp = (n) => { + if (min != null && n < min) return min; + if (max != null && n > max) return max; + return n; + }; + const startRef = React.useRef({ x: 0, val: 0 }); + const onScrubStart = (e) => { + e.preventDefault(); + startRef.current = { x: e.clientX, val: value }; + const decimals = (String(step).split('.')[1] || '').length; + const move = (ev) => { + const dx = ev.clientX - startRef.current.x; + const raw = startRef.current.val + dx * step; + const snapped = Math.round(raw / step) * step; + onChange(clamp(Number(snapped.toFixed(decimals)))); + }; + const up = () => { + window.removeEventListener('pointermove', move); + window.removeEventListener('pointerup', up); + }; + window.addEventListener('pointermove', move); + window.addEventListener('pointerup', up); + }; + return ( +
+ {label} + onChange(clamp(Number(e.target.value)))} /> + {unit && {unit}} +
+ ); +} + +// Relative-luminance contrast pick — checkmarks drawn over a swatch need to +// read on both #111 and #fafafa without per-option configuration. Hex input +// only (#rgb / #rrggbb); named or rgb()/hsl() colors fall through to "light". +function __twkIsLight(hex) { + const h = String(hex).replace('#', ''); + const x = h.length === 3 ? h.replace(/./g, (c) => c + c) : h.padEnd(6, '0'); + const n = parseInt(x.slice(0, 6), 16); + if (Number.isNaN(n)) return true; + const r = (n >> 16) & 255, g = (n >> 8) & 255, b = n & 255; + return r * 299 + g * 587 + b * 114 > 148000; +} + +const __TwkCheck = ({ light }) => ( + +); + +// TweakColor — curated color/palette picker. Each option is either a single +// hex string or an array of 1-5 hex strings; the card adapts — a lone color +// renders solid, a palette renders colors[0] as the hero (left ~2/3) with the +// rest stacked in a sharp column on the right. onChange emits the +// option in the shape it was passed (string stays string, array stays array). +// Without options it falls back to the native color input for back-compat. +function TweakColor({ label, value, options, onChange }) { + if (!options || !options.length) { + return ( +
+
{label}
+ onChange(e.target.value)} /> +
+ ); + } + // Native emits lowercase hex per the HTML spec, so + // compare case-insensitively. String() guards JSON.stringify(undefined), + // which returns the primitive undefined (no .toLowerCase). + const key = (o) => String(JSON.stringify(o)).toLowerCase(); + const cur = key(value); + return ( + +
+ {options.map((o, i) => { + const colors = Array.isArray(o) ? o : [o]; + const [hero, ...rest] = colors; + const sup = rest.slice(0, 4); + const on = key(o) === cur; + return ( + + ); + })} +
+ + ); +} + +function TweakButton({ label, onClick, secondary = false }) { + return ( + + ); +} + +Object.assign(window, { + useTweaks, TweaksPanel, TweakSection, TweakRow, + TweakSlider, TweakToggle, TweakRadio, TweakSelect, + TweakText, TweakNumber, TweakColor, TweakButton, +}); diff --git a/uploads/AppleSDGothicNeoB.ttf b/uploads/AppleSDGothicNeoB.ttf new file mode 100644 index 0000000..ebd50e2 Binary files /dev/null and b/uploads/AppleSDGothicNeoB.ttf differ diff --git a/uploads/AppleSDGothicNeoEB.ttf b/uploads/AppleSDGothicNeoEB.ttf new file mode 100644 index 0000000..d293d59 Binary files /dev/null and b/uploads/AppleSDGothicNeoEB.ttf differ diff --git a/uploads/AppleSDGothicNeoH.ttf b/uploads/AppleSDGothicNeoH.ttf new file mode 100644 index 0000000..9a438b2 Binary files /dev/null and b/uploads/AppleSDGothicNeoH.ttf differ diff --git a/uploads/AppleSDGothicNeoL.ttf b/uploads/AppleSDGothicNeoL.ttf new file mode 100644 index 0000000..ec189fb Binary files /dev/null and b/uploads/AppleSDGothicNeoL.ttf differ diff --git a/uploads/AppleSDGothicNeoM.ttf b/uploads/AppleSDGothicNeoM.ttf new file mode 100644 index 0000000..b6eed02 Binary files /dev/null and b/uploads/AppleSDGothicNeoM.ttf differ diff --git a/uploads/BRAND-GUIDE-v1.2.md b/uploads/BRAND-GUIDE-v1.2.md new file mode 100644 index 0000000..de5292b --- /dev/null +++ b/uploads/BRAND-GUIDE-v1.2.md @@ -0,0 +1,396 @@ +# D.intelligence Brand Guide v1.2 + +> **최종 업데이트**: 2026-03-09 +> **기준 문서**: [00_SERVICE-MAP.md](00_SERVICE-MAP.md) v2.0 +> **이전 버전**: [Archive/D.intelligence-brand-guide-draft.txt](Archive/D.intelligence-brand-guide-draft.txt) v1.0 +> **변경 내역**: 서비스 맵 v2.0 기준 전면 재편, 서비스 아키텍처 통일, 타겟 오디언스 확장, Voice Examples 추가 + +--- + +## 1. 문서 목적 + +이 문서는 D.intelligence의 브랜드 정체성, 메시지 체계, 톤앤매너, 서비스 아키텍처, AI 활용 기준을 통합한 내부 운영 기준서다. + +**용도** + +- 대외 커뮤니케이션의 일관성 확보 +- 제안서, 리포트, 콘텐츠, AI 응답 품질의 표준화 +- 서비스 소개·영업·마케팅 자료의 기준 +- LLM, Agent, 자동화 시스템의 브랜드 기준 문서 + +--- + +## 2. 브랜드 코어 + +### 2.1 Mission + +데이터 기반 의사결정으로 기업의 지속가능한 성장을 실현하는 전문 파트너 + +### 2.2 Vision + +마케팅 과학과 데이터 리터러시의 전도사 + +### 2.3 Tagline + +**Analysis, Treatment & Growth** + +### 2.4 Internal Motto + +**Think Forward** + +### 2.5 Core Values + +| Value | 의미 | +|-------|------| +| **Science** | 과학적 방법론, 검증, 데이터 기반 판단 | +| **Practice** | 실행 가능하고 현실적인 해법 | +| **Outcome** | 측정 가능한 성과 중심 | +| **Insights** | 복잡한 문제를 분명한 인사이트로 전환 | + +### 2.6 Brand Position + +**AI와 데이터 기반 마케팅 혁신의 파트너** + +### 2.7 Brand Dimensions (4차원 브랜드 구조) + +| 차원 | 정의 | 핵심 표현 | +|------|------|----------| +| **Functional** | 데이터 기반 진단-처방-성장 프레임워크를 통해 측정 가능한 성과를 설계한다 | Analysis, Treatment & Growth | +| **Emotional** | 함께 문제를 풀어가는 동반자로서, 고객과 같은 방향을 바라본다 | Think Forward | +| **Experiential** | 과학적인 진단을 우선하는 마케팅 클리닉 경험 — 1:1 상담, 구체적 처방, 성장 설계 | SMART Marketing Clinic | +| **Social** | 누구나 활용 가능한 보편적 데이터 & AI 역량의 전도사 | Data Literacy for All | + +### 2.8 Brand Promise + +**"진단의 정확함으로 시작하여, 성장의 구조를 함께 만듭니다."** + +#### Heritage Promise — 7가지 약속 (2011, D&A) + +D.intelligence의 창업 철학이자 브랜드 가치의 근간이 되는 약속이다. + +1. 사람과 사람의 이야기를 이어갑니다 +2. 사람의 얼굴을 한 브랜드를 그립니다 +3. 진실된 고객 가치만을 이야기합니다 +4. 조심스럽게 듣고 담백하게 말합니다 +5. 큰 성공보다는 작은 믿음을 약속합니다 +6. 새로운 도전과 실패를 두려워하지 않습니다 +7. 사람의 온기와 향기를 남깁니다 + +> 이 7가지 약속은 현재의 Core Values(Science, Practice, Outcome, Insights)와 톤앤매너("조심스럽게 듣고 담백하게")의 원형이며, Brand Character의 인간적 깊이를 부여하는 근간이다. + +### 2.9 Brand Character + +**지혜로운 상담 마케팅 주치의** + +과학적이되 따뜻한, 진단은 냉철하나 처방은 인간적인 전문가. + +| 특성 | 표현 | 연결 | +|------|------|------| +| 전문성 | 데이터와 논리에 기반한 진단, 근거 없는 과장을 하지 않는다 | Science, Practice | +| 따뜻함 | 성과 너머의 관계를 소중히 한다 | 약속 #7 "사람의 온기와 향기를 남깁니다" | +| 담백함 | 꾸밈 없는 솔직한 커뮤니케이션 | 약속 #4 "조심스럽게 듣고 담백하게 말합니다" | +| 동반자 | 장기적 파트너십 지향, 함께 문제를 풀어간다 | 약속 #5 "큰 성공보다는 작은 믿음을 약속합니다" | +| 도전 | 혁신에 열린 태도, AI와 데이터의 새로운 가능성을 탐구한다 | 약속 #6 "새로운 도전과 실패를 두려워하지 않습니다" | + +--- + +## 3. 브랜드 내러티브 + +### 3.1 왜 D.intelligence가 존재하는가 + +많은 기업이 데이터를 수집하지만, 그 데이터로 올바른 의사결정을 내리지 못한다. 마케팅 예산은 집행되지만 성과의 구조가 보이지 않고, 채널은 늘어나지만 KPI와 측정 체계가 정렬되지 않는다. + +D.intelligence는 이 간극을 메운다. 데이터를 단순히 '보는 것'이 아니라 '진단하고, 처방하고, 성장으로 연결하는 것'이 우리의 역할이다. + +### 3.2 브랜드 정의 + +D.intelligence는 디지털 마케팅과 데이터 분석의 언어를 연결하여, 기업이 더 정확하게 측정하고, 더 명확하게 판단하고, 더 지속적으로 성장하도록 돕는 **Marketing Intelligence 파트너**다. + +- 단순 대행사가 아니라 **진단-설계-실행-최적화**를 함께 하는 파트너 +- 단순 리포터가 아니라 **의사결정을 돕는 분석가이자 전략가** +- 단순 데이터 기술자가 아니라 **성과를 설계하는 비즈니스 분석 파트너** + +### 3.3 포지셔닝 + +**AI와 데이터 기반 마케팅 혁신의 파트너** + +대기업 수준의 데이터·AI 역량을 중견기업과 스타트업에 맞춤 실행력으로 전달한다. + +### 3.4 핵심 차별점 + +- 과학적 진단-처방-성장 프레임워크를 마케팅에 적용한 독자적 SMART Marketing Clinic 모델 +- 진단으로 끝나지 않고 실행(Treatment)과 성장(Growth)까지 연결 +- Brand Visibility Treatment(T6)라는 독자 서비스 영역 보유 +- 데이터 분석과 마케팅 전략의 양방향 전문성 + +--- + +## 4. 서비스 아키텍처 + +### 4.1 3-Phase 프레임워크 + +D.intelligence의 서비스는 고객의 디지털 성장 단계에 맞춘 3-Phase 프레임워크로 구성된다. + +| Phase | 명칭 | 목적 | 모듈 | +|-------|------|------|------| +| **Analysis** | 진단 | 현재 상태를 정확하게 진단하고 데이터 근거를 확보 | A1-A6 (6개) | +| **Treatment** | 처방 | 진단 결과를 기반으로 구체적 개선·최적화 설계·실행 | T1-T7 (7개) | +| **Growth** | 성장 | 지속적 성장을 위한 장기 파트너십과 성과 관리 | G1-G4 (4개) | + +### 4.2 4대 서비스 카테고리 + +각 모듈은 아래 4대 서비스 카테고리(태그) 중 하나 이상에 태깅된다. + +| 태그 | 카테고리명 | 정의 | +|------|-----------|------| +| `DI` | Data Intelligence | 비즈니스 목표에 맞는 데이터를 정의하고, 수집·검증·분석 체계를 수립 | +| `MD` | Measurement Design | 비즈니스 성과를 측정할 수 있는 지표 체계, 이벤트 구조, 리포팅 체계 설계 | +| `MPO` | Marketing Performance Optimization | 채널·캠페인·콘텐츠·랜딩페이지의 성과를 분석하고 최적화 | +| `BVT` | Brand Visibility Treatment | SEO, 콘텐츠 구조화, 검색 노출 최적화, 디지털 자산 가시성 강화 | + +### 4.3 서비스 모듈 일람 + +#### Analysis (진단) + +| 코드 | 서비스명 | 주요 태그 | +|------|---------|-----------| +| A1 | 비즈니스·브랜드 진단 | MPO | +| A2 | 고객·소비자 분석 | MPO | +| A3 | 데이터 분석 — 웹·앱 | DI, MD, BVT | +| A4 | 디지털 마케팅 진단 | MPO, BVT | +| A5 | 퍼포먼스 마케팅 진단 | MPO, MD | +| A6 | 운영·관리 진단 | DI | + +#### Treatment (처방) + +| 코드 | 서비스명 | 주요 태그 | +|------|---------|-----------| +| T1 | 브랜드 스토리텔링 & 가이드 | BVT | +| T2 | 고객 접점 경험 최적화 | MPO | +| T3 | 디지털 자산 통합관리 | DI, MD | +| T4 | 콘텐츠 마케팅 | MPO | +| T5 | 광고·전환 최적화 | MPO | +| **T6** | **Brand Visibility Treatment** | **BVT** | +| T7 | 운영 시스템·자동화 | DI | + +> T6 Brand Visibility Treatment는 D.intelligence의 시그니처 서비스이다. SEO, 콘텐츠 구조화, 검색 노출 최적화, AEO/GEO를 포괄하며 다른 모듈과 가장 높은 연관성을 가진다. + +#### Growth (성장) + +| 코드 | 서비스명 | 주요 태그 | +|------|---------|-----------| +| G1 | 퍼포먼스 마케팅 | MPO | +| G2 | 콘텐츠 마케팅 대행 | MPO, BVT | +| G3 | 모니터링·이슈관리 | MD, BVT | +| G4 | 연간 계약·운영 | MPO | + +### 4.4 부가 서비스 + +| 서비스 | 포지셔닝 | 서비스 맵 연결 | +|--------|---------|---------------| +| 1Day Clinic | Quick Diagnosis — Analysis Phase 경량 버전 | A3, A4, A5 간이 | +| Courses | Capability Building — Data Literacy 교육 | T4 교육 요소, A6→T3 | +| Magazine D. | Insights Channel — 마케팅 인사이트 매거진 | 콘텐츠 마케팅 | +| Newsletter | Regular Updates — 정기 뉴스레터 | 리드 너처링 | + +--- + +## 5. 타겟 오디언스 + +### 5.1 Tier 1: 의사결정자 (구매자) + +| 페르소나 | 기업 규모 | Pain Point | +|---------|----------|------------| +| CMO / 마케팅 본부장 | 연매출 100-500억 중견기업 | 마케팅 투자 대비 성과 측정이 안 됨, 채널별 ROI 불분명 | +| CSO / 전략기획 임원 | Series A-C 스타트업 | 데이터 기반 전략 수립 역량 부족, 디지털 전환 방향 불확실 | +| 스타트업 대표 / 공동창업자 | — | 한정된 예산으로 최대 성과, 빠른 실행-검증 필요 | + +### 5.2 Tier 2: 실무 사용자 + +마케팅 책임자, 사업주·창업자, eCommerce 책임자, 브랜드 담당자, 디지털 마케팅 담당자, 콘텐츠 마케팅 담당자, 데이터 분석가, Growth Manager, 커뮤니케이션 담당자 + +> 상세 페르소나별 Touch Point, Landing Page, CTA 설계는 [04_TARGET-TOUCHPOINTS.md](04_TARGET-TOUCHPOINTS.md) 참조 + +### 5.3 고객이 D.intelligence를 필요로 하는 상황 + +- 데이터는 쌓이지만 해석이 안 되는 경우 +- 마케팅 성과는 집행되지만 구조가 없는 경우 +- 채널은 많은데 KPI와 측정 체계가 정렬되지 않은 경우 +- SEO, GA4, GTM, BigQuery, 대시보드가 따로 노는 경우 +- 실행 조직은 있으나 전략과 기준이 없는 경우 +- 검색에 우리 회사가 안 나와서 콘텐츠 효과가 없는 경우 +- 광고비는 쓰는데 매출이 안 늘어나는 경우 +- 랜딩 페이지 전환율이 낮고 원인을 모르는 경우 + +--- + +## 6. 브랜드 메시지 프레임워크 + +### 6.1 표준 구조 + +**문제 진단 → 데이터 근거 → 해결 방안 → 예상 성과** + +### 6.2 메시지 작성 원칙 + +- 추상적 표현보다 구체적 지표를 우선한다. +- 방법론 설명보다 실행 가능성을 우선한다. +- '무엇이 문제인가'보다 '어떻게 개선할 것인가'를 더 분명하게 말한다. +- 가능하면 Before / After 혹은 KPI 변화를 함께 제시한다. + +### 6.3 카테고리별 메시지 + +| 카테고리 | 고객 대상 메시지 | +|---------|----------------| +| DI | "흩어진 데이터를 하나의 의사결정 체계로 연결합니다" | +| MD | "무엇을 측정하고 어떻게 평가할지, 기준부터 세워드립니다" | +| MPO | "실행 가능한 최적화로, 데이터가 말하는 성과를 실현합니다" | +| BVT | "검색에서 발견되지 않으면 존재하지 않는 것과 같습니다" | + +--- + +## 7. 톤 & 매너 가이드 + +### 7.1 기본 톤 + +Professional, Science-driven, Practice-oriented, Outcome-focused, Calm but confident + +### 7.2 문장 스타일 + +- 논리적이고 단정한 문장 +- 과장된 수사 금지 +- 전문 용어는 쓰되, 반드시 풀어서 설명 +- 장황한 미사여구보다 프레임워크와 수치 중심 + +### 7.3 Voice Examples + +#### 좋은 표현 + +| 유형 | 예문 | +|------|------| +| 진단형 | "현재 구조상 가장 큰 병목은 전환 추적 이벤트의 부재입니다." | +| 데이터형 | "현 데이터 품질을 전제로 하면, 15-20% 범위의 CAC 절감 가능성이 있습니다." | +| 전략형 | "단기적으로는 GA4 이벤트 재설계, 중기적으로는 대시보드 체계 구축이 타당합니다." | +| 제안형 | "이 경우 핵심 지표는 채널별 전환율과 ROAS로 보아야 합니다." | +| CTA형 | "채널별 CAC 구조를 재설계하여 3개월 내 비효율 매체비 15-20% 절감 가능성을 진단합니다." | + +#### 나쁜 표현 (금지) + +| 유형 | 예문 | 이유 | +|------|------|------| +| 과장 | "마케팅 효율을 획기적으로 높여드립니다." | 근거 없는 과장 | +| 보장 | "반드시 매출이 올라갑니다." | 성과 보장 표현 | +| 모호 | "요즘은 다 이렇게 합니다." | 근거 없는 일반화 | +| 과시 | "저희만의 독보적인 AI 기술이 있습니다." | 기술 과시 | +| 권위 | "국내 Top 기업들이 사용합니다." | 레퍼런스 의존 권위주의 | + +### 7.4 채널별 톤 조정 + +| 채널 | 톤 특성 | 콘텐츠 포커스 | +|------|---------|-------------| +| 웹사이트 | 신뢰·전문 | 문제 해결 방식 중심, 서비스 → 성과 연결 | +| LinkedIn / 블로그 | 인사이트·실무 | 업계 인사이트 + 적용 방법 중심 | +| 제안서 | 구조·논리 | Executive Summary 우선, 문제→근거→실행안→KPI | +| 세미나 / 웨비나 | 진단·참여 | 참가자가 가져갈 수 있는 프레임워크 제공 | +| 뉴스레터 | 간결·인사이트 | 핵심 수치 + 실무 시사점 | + +--- + +## 8. 문제 해결 프레임워크 + +### 8.1 Core Framework + +1. **Problem Diagnosis** — 실제 문제와 증상을 구분하고, 비즈니스 목표·제약조건·병목을 확인한다. +2. **Data Evidence** — 데이터, 지표, 패턴, 비교 사례를 근거로 문제를 설명한다. 데이터가 불완전할 경우 가정과 한계를 명시한다. +3. **Strategic Treatment** — 실행 가능한 대안을 제시한다. 우선순위, 난이도, 기대효과를 함께 정리한다. +4. **Expected Growth Impact** — 예상되는 KPI 변화와 성과 범위를 제시한다. 조건별 결과 차이를 설명한다. + +### 8.2 실무 적용 영역 + +SEO Audit & Treatment, GA4/GTM/BigQuery 기반 분석 체계 설계, 마케팅 성과 측정 시스템 구축, 디지털 채널 및 자산 진단, 콘텐츠 구조화 및 검색 가시성 개선, 대시보드/리포팅 체계 설계 + +--- + +## 9. 콘텐츠 제작 기준 + +### 9.1 공통 기준 + +Case Study 중심, Before/After 수치 포함, 실행 절차 포함, 고객사 규모/산업/과업 맥락 명시 + +### 9.2 유형별 기준 + +| 유형 | 기준 | +|------|------| +| 제안서·보고서 | Executive Summary 우선, 문제 정의 → 데이터 근거 → 실행안 → KPI | +| 교육 콘텐츠 | 실무 적용 템플릿, 단계별 실행 가이드, 체크리스트 포함 | +| 블로그·매거진 | 진단형 또는 가이드형, 실무 관점 유지, SEO 키워드 반영 | +| 사례 연구 | 산업·규모·과제 맥락 명시, 문제-해결-성과 구조 | + +--- + +## 10. 브랜드 금지 항목 + +- 과장된 약속 +- 보장형 표현 ("반드시", "확실히", "무조건") +- 기술 그 자체를 성과처럼 포장하는 표현 +- 복잡한 방법론을 과시하는 설명 +- 대기업 레퍼런스만을 앞세운 권위주의적 커뮤니케이션 +- 경쟁사 직접 비하 +- 근거 없는 낙관론 + +--- + +## 11. AI/LLM 활용 브랜드 기준 + +### 11.1 AI의 역할 + +분석 보조자, 전략 설계 보조자, SEO/콘텐츠 초안 작성자, 제안서/리포트 구조화 도우미, 데이터 문제 정의 파트너 + +### 11.2 AI 응답 기본 구조 + +1. 문제 진단 → 2. 데이터 근거 → 3. 해결 방안 → 4. 예상 성과 + +### 11.3 AI 필수 원칙 + +- 추상적 조언 대신 실행 가능한 답변 제공 +- 가능하면 KPI, 수치, 구조 포함 +- 비즈니스 목표와 연결된 분석 제안 +- 데이터 한계와 가정을 명시 +- 브랜드 톤(Professional / Science / Practice / Outcome) 유지 + +### 11.4 금지 응답 패턴 + +"무조건 좋아질 것입니다", "반드시 성과를 보장합니다", "요즘은 다 이렇게 합니다", "정말 엄청난 인사이트입니다" + +--- + +## 12. 관련 문서 + +| 문서 | 내용 | +|------|------| +| [00_SERVICE-MAP.md](00_SERVICE-MAP.md) | 서비스 맵 마스터 문서 (v2.0) | +| [01_ALIGNMENT-ANALYSIS.md](01_ALIGNMENT-ANALYSIS.md) | 브랜드 가이드 ↔ 서비스 맵 정합성 분석 | +| [03_STRATEGIC-KEYWORDS.md](03_STRATEGIC-KEYWORDS.md) | 전략 키워드 셋 | +| [04_TARGET-TOUCHPOINTS.md](04_TARGET-TOUCHPOINTS.md) | 타겟 오디언스별 접점 설계 | +| [05_VALUE-PROPOSITIONS.md](05_VALUE-PROPOSITIONS.md) | 모듈별 고객 가치 제안 | +| [06_PRICING-PACKAGES.md](06_PRICING-PACKAGES.md) | 가격 패키지 설계 | +| [07_WEBSITE-ALIGNMENT.md](07_WEBSITE-ALIGNMENT.md) | 홈페이지 구조 통일 방안 | + +--- + +## Changelog + +| 버전 | 날짜 | 변경 내용 | +|------|------|-----------| +| v1.0 | 2026-03 | 초안 (브랜드 코어, 톤앤매너, AI 기준) | +| v1.1 | 2026-03-07 | 서비스 맵 v2.0 기준 전면 재편: 3-Phase × 17모듈 아키텍처 통일, 4대 카테고리 정의 정합, 2-Tier 타겟 오디언스 확장, 브랜드 내러티브 추가, Voice Examples 추가, 카테고리별 메시지 추가, 관련 문서 참조 체계 구축 | +| v1.2 | 2026-03-09 | 브랜드 플랫폼 체계 신설: Brand Vision 재정의, Brand Position 업데이트, 4차원 Brand Dimensions 수립, Brand Promise(Heritage Promise 7가지 약속 통합), Brand Character("지혜로운 상담 마케팅 주치의") 정의, 포지셔닝 문구 현행화, 의료 클리닉 은유→마케팅 클리닉 전환 | + +--- + +## 향후 확장 방향 + +- [ ] Brand Voice Examples 확장 (채널별·유형별 예문 30개+) +- [ ] Service Playbooks 분리 (SEO, GA4/GTM, Proposal, Dashboard) +- [ ] AI Training Kit (Master Prompt 최종본, JSONL 데이터셋, Negative Examples, Agent Role Prompt) +- [ ] Case Study Library 구축 (산업별 문제-해결-성과 구조) +- [ ] Visual Identity Guide (로고, 색상, 타이포그래피, 문서 양식) diff --git a/uploads/BRAND-GUIDE-v1.3.md b/uploads/BRAND-GUIDE-v1.3.md new file mode 100644 index 0000000..8368fed --- /dev/null +++ b/uploads/BRAND-GUIDE-v1.3.md @@ -0,0 +1,444 @@ +# D.intelligence Brand Guide v1.3 + +> **최종 업데이트**: 2026-05-17 +> **기준 문서**: [00_SERVICE-MAP.md](../03_Services/00_SERVICE-MAP.md) v2.0 +> **단일 진실(Single Source of Truth)**: [knowledge-base/canon/brand-canon.md](../knowledge-base/canon/brand-canon.md) v1.0 APPROVED +> **이전 버전**: [99_Archive/Brand/legacy-guides/BRAND-GUIDE-v1.2-archived-20260517.md](../99_Archive/Brand/legacy-guides/BRAND-GUIDE-v1.2-archived-20260517.md) +> **v1.3 변경 내역**: §2.7 Experiential 재정의 (SMART Marketing Intelligence) / §2.9 Brand Character 'D.intel=마케팅 과학자' 재정립 + OurDigital 분리 / §3.4 SMART Marketing Intelligence / §6.3 MD·BVT 메시지 교체 / §10 외국어 직역 금지 추가 / §11.5 9개 dintel-* Skill 적용 의무 신설 + +--- + +## 1. 문서 목적 + +이 문서는 D.intelligence의 브랜드 정체성, 메시지 체계, 톤앤매너, 서비스 아키텍처, AI 활용 기준을 통합한 내부 운영 기준서다. + +**용도** + +- 대외 커뮤니케이션의 일관성 확보 +- 제안서, 리포트, 콘텐츠, AI 응답 품질의 표준화 +- 서비스 소개·영업·마케팅 자료의 기준 +- LLM, Agent, 자동화 시스템의 브랜드 기준 문서 + +--- + +## 2. 브랜드 코어 + +### 2.1 Mission + +데이터 기반 의사결정으로 기업의 지속가능한 성장을 실현하는 전문 파트너 + +### 2.2 Vision + +마케팅 과학과 데이터 리터러시의 전도사 + +### 2.3 Tagline + +**Analysis, Treatment & Growth** + +### 2.4 Internal Motto + +**Think Forward** + +### 2.5 Core Values + +| Value | 의미 | +|-------|------| +| **Science** | 과학적 방법론, 검증, 데이터 기반 판단 | +| **Practice** | 실행 가능하고 현실적인 해법 | +| **Outcome** | 측정 가능한 성과 중심 | +| **Insights** | 복잡한 문제를 분명한 인사이트로 전환 | + +### 2.6 Brand Position + +**AI와 데이터 기반 마케팅 혁신의 파트너** + +### 2.7 Brand Dimensions (4차원 브랜드 구조) + +| 차원 | 정의 | 핵심 표현 | +|------|------|----------| +| **Functional** | 데이터 기반 진단-처방-성장 프레임워크를 통해 측정 가능한 성과를 설계한다 | Analysis, Treatment & Growth | +| **Emotional** | 함께 문제를 풀어가는 동반자로서, 고객과 같은 방향을 바라본다 | Think Forward | +| **Experiential** | 과학적인 마케팅 문제 해결 — 성과 중심, 데이터 기반, 지속 성장 | **SMART Marketing Intelligence** | +| **Social** | 누구나 활용 가능한 보편적 데이터 & AI 역량의 전도사 | Data Literacy for All | + +### 2.8 Brand Promise + +**"진단의 정확함으로 시작하여, 성장의 구조를 함께 만듭니다."** + +#### Heritage Promise — 7가지 약속 (2011, D&A) + +D.intelligence의 창업 철학이자 브랜드 가치의 근간이 되는 약속이다. + +1. 사람과 사람의 이야기를 이어갑니다 +2. 사람의 얼굴을 한 브랜드를 그립니다 +3. 진실된 고객 가치만을 이야기합니다 +4. 조심스럽게 듣고 담백하게 말합니다 +5. 큰 성공보다는 작은 믿음을 약속합니다 +6. 새로운 도전과 실패를 두려워하지 않습니다 +7. 사람의 온기와 향기를 남깁니다 + +> 이 7가지 약속은 현재의 Core Values(Science, Practice, Outcome, Insights)와 톤앤매너("조심스럽게 듣고 담백하게")의 원형이며, Brand Character의 인간적 깊이를 부여하는 근간이다. + +### 2.9 Brand Character + +**성과중심의 데이터 기반 마케팅 과학자** +*(Outcome-focused Data-driven Marketing Scientist)* + +엄밀한 가설 검증, 측정 가능한 KPI, 재현 가능한 방법론으로 마케팅 성과를 설계하는 분석가형 전문가. 추측과 일반론 대신 데이터·실험·구조로 말한다. + +| 특성 | 표현 | Heritage Promise / Core Values 연결 | +|------|------|---------------------------------| +| 과학적 엄정성 | 가설 → 측정 → 검증 → 개선의 순환을 일관되게 적용한다 | Science (Core Value) | +| 성과 지향성 | 측정 가능한 KPI 변화로 결과를 보여준다 | Outcome (Core Value) | +| 실행 가능성 | 추상적 권고가 아닌 즉시 적용 가능한 처방을 제시한다 | Practice (Core Value) | +| 구조적 사고 | 단편적 답변이 아닌 의사결정 프레임워크를 설계한다 | Insights (Core Value) | +| 정직한 한계 표시 | 데이터·가정의 한계를 분명히 명시한다 | 약속 #3 "진실된 고객 가치만을 이야기합니다" | + +#### 2.9.1 OurDigital은 별도 브랜드 시스템 + +> ⚠️ 본 가이드는 **D.intelligence 전용**. OurDigital 브랜드 정체성·캐릭터·톤·자산은 별도 프로젝트에서 독립 관리. + +- "지혜로운 상담 마케팅 주치의" 캐릭터는 **OurDigital로 이관** (2026-05-17 결정) +- D.intelligence(엔터프라이즈) 콘텐츠는 "마케팅 과학자" 톤 유지 +- OurDigital(SMB·코칭·트레이닝) 콘텐츠는 OurDigital 별도 brand 시스템 참조 +- 두 브랜드 cross-reference는 `knowledge-base/canon/fact-sheet.md §1` 법인 구조 참조 + +--- + +## 3. 브랜드 내러티브 + +### 3.1 왜 D.intelligence가 존재하는가 + +많은 기업이 데이터를 수집하지만, 그 데이터로 올바른 의사결정을 내리지 못한다. 마케팅 예산은 집행되지만 성과의 구조가 보이지 않고, 채널은 늘어나지만 KPI와 측정 체계가 정렬되지 않는다. + +D.intelligence는 이 간극을 메운다. 데이터를 단순히 '보는 것'이 아니라 '진단하고, 처방하고, 성장으로 연결하는 것'이 우리의 역할이다. + +### 3.2 브랜드 정의 + +D.intelligence는 디지털 마케팅과 데이터 분석의 언어를 연결하여, 기업이 더 정확하게 측정하고, 더 명확하게 판단하고, 더 지속적으로 성장하도록 돕는 **Marketing Intelligence 파트너**다. + +- 단순 대행사가 아니라 **진단-설계-실행-최적화**를 함께 하는 파트너 +- 단순 리포터가 아니라 **의사결정을 돕는 분석가이자 전략가** +- 단순 데이터 기술자가 아니라 **성과를 설계하는 비즈니스 분석 파트너** + +### 3.3 포지셔닝 + +**AI와 데이터 기반 마케팅 혁신의 파트너** + +대기업 수준의 데이터·AI 역량을 중견기업과 스타트업에 맞춤 실행력으로 전달한다. + +### 3.4 핵심 차별점 + +- 과학적 진단-처방-성장 프레임워크를 마케팅에 적용한 독자적 **SMART Marketing Intelligence** 모델 +- 진단으로 끝나지 않고 실행(Treatment)과 성장(Growth)까지 연결 +- Brand Visibility Treatment(T6)라는 독자 서비스 영역 보유 +- 데이터 분석과 마케팅 전략의 양방향 전문성 + +--- + +## 4. 서비스 아키텍처 + +### 4.1 3-Phase 프레임워크 + +D.intelligence의 서비스는 고객의 디지털 성장 단계에 맞춘 3-Phase 프레임워크로 구성된다. + +| Phase | 명칭 | 목적 | 모듈 | +|-------|------|------|------| +| **Analysis** | 진단 | 현재 상태를 정확하게 진단하고 데이터 근거를 확보 | A1-A6 (6개) | +| **Treatment** | 처방 | 진단 결과를 기반으로 구체적 개선·최적화 설계·실행 | T1-T7 (7개) | +| **Growth** | 성장 | 지속적 성장을 위한 장기 파트너십과 성과 관리 | G1-G4 (4개) | + +### 4.2 4대 서비스 카테고리 + +각 모듈은 아래 4대 서비스 카테고리(태그) 중 하나 이상에 태깅된다. + +| 태그 | 카테고리명 | 정의 | +|------|-----------|------| +| `DI` | Data Intelligence | 비즈니스 목표에 맞는 데이터를 정의하고, 수집·검증·분석 체계를 수립 | +| `MD` | Measurement Design | 비즈니스 성과를 측정할 수 있는 지표 체계, 이벤트 구조, 리포팅 체계 설계 | +| `MPO` | Marketing Performance Optimization | 채널·캠페인·콘텐츠·랜딩페이지의 성과를 분석하고 최적화 | +| `BVT` | Brand Visibility Treatment | SEO, 콘텐츠 구조화, 검색 노출 최적화, 디지털 자산 가시성 강화 | + +### 4.3 서비스 모듈 일람 + +#### Analysis (진단) + +| 코드 | 서비스명 | 주요 태그 | +|------|---------|-----------| +| A1 | 비즈니스·브랜드 진단 | MPO | +| A2 | 고객·소비자 분석 | MPO | +| A3 | 데이터 분석 — 웹·앱 | DI, MD, BVT | +| A4 | 디지털 마케팅 진단 | MPO, BVT | +| A5 | 퍼포먼스 마케팅 진단 | MPO, MD | +| A6 | 운영·관리 진단 | DI | + +#### Treatment (처방) + +| 코드 | 서비스명 | 주요 태그 | +|------|---------|-----------| +| T1 | 브랜드 스토리텔링 & 가이드 | BVT | +| T2 | 고객 접점 경험 최적화 | MPO | +| T3 | 디지털 자산 통합관리 | DI, MD | +| T4 | 콘텐츠 마케팅 | MPO | +| T5 | 광고·전환 최적화 | MPO | +| **T6** | **Brand Visibility Treatment** | **BVT** | +| T7 | 운영 시스템·자동화 | DI | + +> T6 Brand Visibility Treatment는 D.intelligence의 시그니처 서비스이다. SEO, 콘텐츠 구조화, 검색 노출 최적화, AEO/GEO를 포괄하며 다른 모듈과 가장 높은 연관성을 가진다. + +#### Growth (성장) + +| 코드 | 서비스명 | 주요 태그 | +|------|---------|-----------| +| G1 | 퍼포먼스 마케팅 | MPO | +| G2 | 콘텐츠 마케팅 대행 | MPO, BVT | +| G3 | 모니터링·이슈관리 | MD, BVT | +| G4 | 연간 계약·운영 | MPO | + +### 4.4 부가 서비스 + +| 서비스 | 포지셔닝 | 서비스 맵 연결 | +|--------|---------|---------------| +| 1Day Clinic | Quick Diagnosis — Analysis Phase 경량 버전 | A3, A4, A5 간이 | +| Courses | Capability Building — Data Literacy 교육 | T4 교육 요소, A6→T3 | +| Magazine D. | Insights Channel — 마케팅 인사이트 매거진 | 콘텐츠 마케팅 | +| Newsletter | Regular Updates — 정기 뉴스레터 | 리드 너처링 | + +--- + +## 5. 타겟 오디언스 + +### 5.1 Tier 1: 의사결정자 (구매자) + +| 페르소나 | 기업 규모 | Pain Point | +|---------|----------|------------| +| CMO / 마케팅 본부장 | 연매출 100-500억 중견기업 | 마케팅 투자 대비 성과 측정이 안 됨, 채널별 ROI 불분명 | +| CSO / 전략기획 임원 | Series A-C 스타트업 | 데이터 기반 전략 수립 역량 부족, 디지털 전환 방향 불확실 | +| 스타트업 대표 / 공동창업자 | — | 한정된 예산으로 최대 성과, 빠른 실행-검증 필요 | + +### 5.2 Tier 2: 실무 사용자 + +마케팅 책임자, 사업주·창업자, eCommerce 책임자, 브랜드 담당자, 디지털 마케팅 담당자, 콘텐츠 마케팅 담당자, 데이터 분석가, Growth Manager, 커뮤니케이션 담당자 + +> 상세 페르소나별 Touch Point, Landing Page, CTA 설계는 [04_TARGET-TOUCHPOINTS.md](04_TARGET-TOUCHPOINTS.md) 참조 + +### 5.3 고객이 D.intelligence를 필요로 하는 상황 + +- 데이터는 쌓이지만 해석이 안 되는 경우 +- 마케팅 성과는 집행되지만 구조가 없는 경우 +- 채널은 많은데 KPI와 측정 체계가 정렬되지 않은 경우 +- SEO, GA4, GTM, BigQuery, 대시보드가 따로 노는 경우 +- 실행 조직은 있으나 전략과 기준이 없는 경우 +- 검색에 우리 회사가 안 나와서 콘텐츠 효과가 없는 경우 +- 광고비는 쓰는데 매출이 안 늘어나는 경우 +- 랜딩 페이지 전환율이 낮고 원인을 모르는 경우 + +--- + +## 6. 브랜드 메시지 프레임워크 + +### 6.1 표준 구조 + +**문제 진단 → 데이터 근거 → 해결 방안 → 예상 성과** + +### 6.2 메시지 작성 원칙 + +- 추상적 표현보다 구체적 지표를 우선한다. +- 방법론 설명보다 실행 가능성을 우선한다. +- '무엇이 문제인가'보다 '어떻게 개선할 것인가'를 더 분명하게 말한다. +- 가능하면 Before / After 혹은 KPI 변화를 함께 제시한다. + +### 6.3 카테고리별 메시지 + +| 카테고리 | 고객 대상 메시지 | +|---------|----------------| +| DI | "흩어진 데이터를 하나의 의사결정 체계로 연결합니다" | +| MD | "무엇을 측정하고, 성과 기준을 어떻게 설정하며, 어떤 데이터 소스를 활용할지 안내합니다." | +| MPO | "실행 가능한 최적화로, 데이터가 말하는 성과를 실현합니다" | +| BVT | "브랜드가 어떻게 드러나고 이해되는지를 최적화합니다." | + +--- + +## 7. 톤 & 매너 가이드 + +### 7.1 기본 톤 + +Professional, Science-driven, Practice-oriented, Outcome-focused, Calm but confident + +### 7.2 문장 스타일 + +- 논리적이고 단정한 문장 +- 과장된 수사 금지 +- 전문 용어는 쓰되, 반드시 풀어서 설명 +- 장황한 미사여구보다 프레임워크와 수치 중심 + +### 7.3 Voice Examples + +#### 좋은 표현 + +| 유형 | 예문 | +|------|------| +| 진단형 | "현재 구조상 가장 큰 병목은 전환 추적 이벤트의 부재입니다." | +| 데이터형 | "현 데이터 품질을 전제로 하면, 15-20% 범위의 CAC 절감 가능성이 있습니다." | +| 전략형 | "단기적으로는 GA4 이벤트 재설계, 중기적으로는 대시보드 체계 구축이 타당합니다." | +| 제안형 | "이 경우 핵심 지표는 채널별 전환율과 ROAS로 보아야 합니다." | +| CTA형 | "채널별 CAC 구조를 재설계하여 3개월 내 비효율 매체비 15-20% 절감 가능성을 진단합니다." | + +#### 나쁜 표현 (금지) + +| 유형 | 예문 | 이유 | +|------|------|------| +| 과장 | "마케팅 효율을 획기적으로 높여드립니다." | 근거 없는 과장 | +| 보장 | "반드시 매출이 올라갑니다." | 성과 보장 표현 | +| 모호 | "요즘은 다 이렇게 합니다." | 근거 없는 일반화 | +| 과시 | "저희만의 독보적인 AI 기술이 있습니다." | 기술 과시 | +| 권위 | "국내 Top 기업들이 사용합니다." | 레퍼런스 의존 권위주의 | + +### 7.4 채널별 톤 조정 + +| 채널 | 톤 특성 | 콘텐츠 포커스 | +|------|---------|-------------| +| 웹사이트 | 신뢰·전문 | 문제 해결 방식 중심, 서비스 → 성과 연결 | +| LinkedIn / 블로그 | 인사이트·실무 | 업계 인사이트 + 적용 방법 중심 | +| 제안서 | 구조·논리 | Executive Summary 우선, 문제→근거→실행안→KPI | +| 세미나 / 웨비나 | 진단·참여 | 참가자가 가져갈 수 있는 프레임워크 제공 | +| 뉴스레터 | 간결·인사이트 | 핵심 수치 + 실무 시사점 | + +--- + +## 8. 문제 해결 프레임워크 + +### 8.1 Core Framework + +1. **Problem Diagnosis** — 실제 문제와 증상을 구분하고, 비즈니스 목표·제약조건·병목을 확인한다. +2. **Data Evidence** — 데이터, 지표, 패턴, 비교 사례를 근거로 문제를 설명한다. 데이터가 불완전할 경우 가정과 한계를 명시한다. +3. **Strategic Treatment** — 실행 가능한 대안을 제시한다. 우선순위, 난이도, 기대효과를 함께 정리한다. +4. **Expected Growth Impact** — 예상되는 KPI 변화와 성과 범위를 제시한다. 조건별 결과 차이를 설명한다. + +### 8.2 실무 적용 영역 + +SEO Audit & Treatment, GA4/GTM/BigQuery 기반 분석 체계 설계, 마케팅 성과 측정 시스템 구축, 디지털 채널 및 자산 진단, 콘텐츠 구조화 및 검색 가시성 개선, 대시보드/리포팅 체계 설계 + +--- + +## 9. 콘텐츠 제작 기준 + +### 9.1 공통 기준 + +Case Study 중심, Before/After 수치 포함, 실행 절차 포함, 고객사 규모/산업/과업 맥락 명시 + +### 9.2 유형별 기준 + +| 유형 | 기준 | +|------|------| +| 제안서·보고서 | Executive Summary 우선, 문제 정의 → 데이터 근거 → 실행안 → KPI | +| 교육 콘텐츠 | 실무 적용 템플릿, 단계별 실행 가이드, 체크리스트 포함 | +| 블로그·매거진 | 진단형 또는 가이드형, 실무 관점 유지, SEO 키워드 반영 | +| 사례 연구 | 산업·규모·과제 맥락 명시, 문제-해결-성과 구조 | + +--- + +## 10. 브랜드 금지 항목 + +- 과장된 약속 +- 보장형 표현 ("반드시", "확실히", "무조건") +- 기술 그 자체를 성과처럼 포장하는 표현 +- 복잡한 방법론을 과시하는 설명 +- 대기업 레퍼런스만을 앞세운 권위주의적 커뮤니케이션 +- 경쟁사 직접 비하 +- 근거 없는 낙관론 +- **외국어의 직접적·기계적 번역 표현 사용** (예: audit → ~~감사~~ ✗ → **진단** ✓ / framework → ~~뼈대~~ ✗ → **프레임워크** ✓ / insight → ~~통찰력~~ ✗ → **인사이트** ✓) + +> 직역 회피 원칙: 마케팅·데이터 분야 영문 용어는 의미 맥락에 따라 (1) 이미 정착된 외래어 표기를 사용하거나, (2) 의미를 풀어 쓴 한국어로 옮기되, 사전적 1:1 직역은 피한다. 표준 번역 사례는 [knowledge-base/glossary/translation-standards.md](../knowledge-base/glossary/translation-standards.md) 참조. + +--- + +## 11. AI/LLM 활용 브랜드 기준 + +### 11.1 AI의 역할 + +분석 보조자, 전략 설계 보조자, SEO/콘텐츠 초안 작성자, 제안서/리포트 구조화 도우미, 데이터 문제 정의 파트너 + +### 11.2 AI 응답 기본 구조 + +1. 문제 진단 → 2. 데이터 근거 → 3. 해결 방안 → 4. 예상 성과 + +### 11.3 AI 필수 원칙 + +- 추상적 조언 대신 실행 가능한 답변 제공 +- 가능하면 KPI, 수치, 구조 포함 +- 비즈니스 목표와 연결된 분석 제안 +- 데이터 한계와 가정을 명시 +- 브랜드 톤(Professional / Science / Practice / Outcome) 유지 + +### 11.4 금지 응답 패턴 + +"무조건 좋아질 것입니다", "반드시 성과를 보장합니다", "요즘은 다 이렇게 합니다", "정말 엄청난 인사이트입니다" + +### 11.5 D.intelligence Skill/Agent 적용 의무 + +D.intelligence Agent Corps의 모든 Skill·Sub-agent·Workflow는 본 가이드와 `knowledge-base/canon/`을 **참조 의무 1순위**로 한다. + +| Skill / Agent | 본 가이드 적용 영역 | 우선 참조 섹션 | +|--------------|------------------|--------------| +| `dintel-brand-guardian` (#70) | 모든 D.intelligence 콘텐츠 리뷰·검수 | §1~§11 전체, 특히 §10 No-Go List | +| `dintel-brand-editor` (#71) | Magazine D. 아티클·서비스 소개 작성 | §2.9 Character, §7 Tone, §7.3 Voice Examples, §6 Framework | +| `dintel-marketing-mgr` (#75) | LinkedIn·뉴스레터·콘텐츠 캘린더 기획 | §7.4 채널별 톤, §6.3 카테고리별 메시지 | +| `dintel-doc-secretary` | 회의록·리포트·제안서 포맷팅 | §7.4, §9 유형별 기준 | +| `dintel-service-architect` | 서비스 패키지 설계·모듈 추천 | §3 Narrative, §4 서비스 아키텍처 | +| `dintel-quotation-mgr` | 견적서·계약 가격 산출 | §7 정중·정확 톤, `knowledge-base/canon/fact-sheet.md` 법인 정보 | +| `dintel-account-mgr` | 클라이언트 관계 관리·미팅 준비 | §7.4, [Voice Examples 확장](../knowledge-base/canon/brand-canon.md#§64-콘텐츠-유형별-확장-예문) | +| `dintel-backoffice-mgr` | 인보이스·NDA·계약·HR 문서 | §7 정중·정확 톤, fact-sheet §2·§3 | +| `dintel-skill-update` | 본 가이드·canon 변경 시 Skill 간 일관성 propagate | 본 가이드 갱신 트리거 | + +**적용 규칙**: +1. 본 가이드 갱신 시 영향받는 Skill 목록 점검 → `dintel-skill-update` 트리거 +2. Skill·Sub-agent 신규 작성 시 본 가이드 §1~§11 참조 의무 명시 +3. AI 자동 생성물은 본 가이드 통과 시까지 Draft 표시 +4. Brand Guardian Skill이 본 가이드 위반 발견 시 즉시 `knowledge-base/gotcha/`에 기록 → 재발 방지 + +> AI/LLM 활용 시 본 가이드 외에 `knowledge-base/canon/fact-sheet.md`(사실관계), `service-architecture.md`(서비스), `naming-conventions.md`(표기), `gotcha/`(교정 사례) 일괄 참조 권장. + +--- + +## 12. 관련 문서 + +| 문서 | 내용 | +|------|------| +| ⭐ [knowledge-base/canon/](../knowledge-base/canon/) | **단일 진실(SoT) 공간 — 본 가이드 외 모든 D.intelligence 표준** | +| ⭐ [canon/fact-sheet.md](../knowledge-base/canon/fact-sheet.md) | 회사·법인·인물·연혁 사실관계 | +| ⭐ [canon/service-architecture.md](../knowledge-base/canon/service-architecture.md) | A-T-G 17 모듈 + 4 카테고리 + 부가 서비스 (Courses → OurDigital 이관 결정 포함) | +| ⭐ [canon/naming-conventions.md](../knowledge-base/canon/naming-conventions.md) | 명칭·표기·파일명·도메인·이메일·Git 종합 규칙 | +| ⭐ [canon/open-questions.md](../knowledge-base/canon/open-questions.md) | 잔여 미확정 항목 추적 | +| [gotcha/01_outdated-facts.md](../knowledge-base/gotcha/01_outdated-facts.md) | 반복 교정 사례 10건 | +| [glossary/translation-standards.md](../knowledge-base/glossary/translation-standards.md) | 한·영 번역 표준 | +| [00_SERVICE-MAP.md](../03_Services/00_SERVICE-MAP.md) | 서비스 맵 마스터 문서 (v2.0) — canon/service-architecture.md 참조 | +| [ALIGNMENT-ANALYSIS.md](../01_Strategy/ALIGNMENT-ANALYSIS.md) | 브랜드 가이드 ↔ 서비스 맵 정합성 분석 | +| [STRATEGIC-KEYWORDS.md](../01_Strategy/STRATEGIC-KEYWORDS.md) | 전략 키워드 셋 | +| [TARGET-TOUCHPOINTS.md](../01_Strategy/TARGET-TOUCHPOINTS.md) | 타겟 오디언스별 접점 설계 | +| [VALUE-PROPOSITIONS.md](../01_Strategy/VALUE-PROPOSITIONS.md) | 모듈별 고객 가치 제안 | +| [PRICING-PACKAGES.md](../01_Strategy/PRICING-PACKAGES.md) | 가격 패키지 설계 | +| [WEBSITE-ALIGNMENT.md](../01_Strategy/WEBSITE-ALIGNMENT.md) | 홈페이지 구조 통일 방안 | + +--- + +## Changelog + +| 버전 | 날짜 | 변경 내용 | +|------|------|-----------| +| v1.0 | 2026-03 | 초안 (브랜드 코어, 톤앤매너, AI 기준) | +| v1.1 | 2026-03-07 | 서비스 맵 v2.0 기준 전면 재편: 3-Phase × 17모듈 아키텍처 통일, 4대 카테고리 정의 정합, 2-Tier 타겟 오디언스 확장, 브랜드 내러티브 추가, Voice Examples 추가, 카테고리별 메시지 추가, 관련 문서 참조 체계 구축 | +| v1.2 | 2026-03-09 | 브랜드 플랫폼 체계 신설: Brand Vision 재정의, Brand Position 업데이트, 4차원 Brand Dimensions 수립, Brand Promise(Heritage Promise 7가지 약속 통합), Brand Character("지혜로운 상담 마케팅 주치의") 정의, 포지셔닝 문구 현행화, 의료 클리닉 은유→마케팅 클리닉 전환 | +| **v1.3** | **2026-05-17** | **knowledge-base/canon/ 단일 진실 체계 구축 + 6대 변경**: ① §2.7 Experiential 재정의 (SMART Marketing **Intelligence**, Clinic은 OurDigital 자산으로 이관) ② §2.9 Brand Character 'D.intelligence = 성과중심의 데이터 기반 마케팅 과학자'로 재정립, 5개 특성 재설계, §2.9.1 OurDigital 별도 시스템 분리 명시 ③ §3.4 SMART Marketing Intelligence 모델 표기 ④ §6.3 MD·BVT 메시지 교체 ⑤ §10 외국어 직접번역 금지 추가 ⑥ §11.5 D.intelligence Skill/Agent 적용 의무 신설 (9개 dintel-* Skill 매핑 + 4개 적용 규칙) | **임명재 ✓** | + +--- + +## 향후 확장 방향 + +- [x] **knowledge-base/canon 단일 진실 체계 구축** (2026-05-17 v1.0 APPROVED — fact-sheet/brand-canon/service-architecture/naming-conventions) +- [x] **Brand Voice Examples 확장** — canon/brand-canon.md §6.4 콘텐츠 유형별 5종 + §6.5 한국어 미세 톤 가이드 추가 +- [ ] Service Playbooks 분리 (SEO, GA4/GTM, Proposal, Dashboard) +- [ ] AI Training Kit (Master Prompt 최종본, JSONL 데이터셋, Negative Examples, Agent Role Prompt) +- [ ] Case Study Library 구축 (산업별 문제-해결-성과 구조) +- [ ] **Visual Identity Guide** — Design_System 2026 버전 생성 예정 (Claude Design 활용) +- [ ] OurDigital Practice 별도 brand 시스템 (Courses 이관 + 캐릭터 분리에 따른 별도 관리) diff --git a/uploads/D.intelligence-Service-Package-v2026-05.pptx b/uploads/D.intelligence-Service-Package-v2026-05.pptx new file mode 100644 index 0000000..baaded6 Binary files /dev/null and b/uploads/D.intelligence-Service-Package-v2026-05.pptx differ diff --git a/uploads/D.intelligence_Design_System_2025.pptx b/uploads/D.intelligence_Design_System_2025.pptx new file mode 100644 index 0000000..e44453c Binary files /dev/null and b/uploads/D.intelligence_Design_System_2025.pptx differ diff --git a/uploads/D.intelligence_logo_horizontal.png b/uploads/D.intelligence_logo_horizontal.png new file mode 100644 index 0000000..a15a285 Binary files /dev/null and b/uploads/D.intelligence_logo_horizontal.png differ diff --git a/uploads/D.intelligence_logo_horizontal.svg b/uploads/D.intelligence_logo_horizontal.svg new file mode 100644 index 0000000..c33cc6a --- /dev/null +++ b/uploads/D.intelligence_logo_horizontal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/uploads/D.intelligence_logo_horizontal_white.png b/uploads/D.intelligence_logo_horizontal_white.png new file mode 100644 index 0000000..236dae3 Binary files /dev/null and b/uploads/D.intelligence_logo_horizontal_white.png differ diff --git a/uploads/D.intelligence_logo_motto.png b/uploads/D.intelligence_logo_motto.png new file mode 100644 index 0000000..e732be7 Binary files /dev/null and b/uploads/D.intelligence_logo_motto.png differ diff --git a/uploads/D.intelligence_logo_motto.svg b/uploads/D.intelligence_logo_motto.svg new file mode 100644 index 0000000..a1305ce --- /dev/null +++ b/uploads/D.intelligence_logo_motto.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/uploads/D.intelligence_logo_motto_white.png b/uploads/D.intelligence_logo_motto_white.png new file mode 100644 index 0000000..dd236d9 Binary files /dev/null and b/uploads/D.intelligence_logo_motto_white.png differ diff --git a/uploads/D.intelligence_logo_motto_white.svg b/uploads/D.intelligence_logo_motto_white.svg new file mode 100644 index 0000000..a383f1b --- /dev/null +++ b/uploads/D.intelligence_logo_motto_white.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/uploads/D.intelligence_logo_square.png b/uploads/D.intelligence_logo_square.png new file mode 100644 index 0000000..6ddd49f Binary files /dev/null and b/uploads/D.intelligence_logo_square.png differ diff --git a/uploads/D.intelligence_logo_vertical_white.png b/uploads/D.intelligence_logo_vertical_white.png new file mode 100644 index 0000000..f381050 Binary files /dev/null and b/uploads/D.intelligence_logo_vertical_white.png differ diff --git a/uploads/D.intelligence_logo_vertical_white.svg b/uploads/D.intelligence_logo_vertical_white.svg new file mode 100644 index 0000000..7bd9efc --- /dev/null +++ b/uploads/D.intelligence_logo_vertical_white.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/uploads/DMSans-Bold.ttf b/uploads/DMSans-Bold.ttf new file mode 100644 index 0000000..e70172a Binary files /dev/null and b/uploads/DMSans-Bold.ttf differ diff --git a/uploads/DMSans-BoldItalic.ttf b/uploads/DMSans-BoldItalic.ttf new file mode 100644 index 0000000..8b972ca Binary files /dev/null and b/uploads/DMSans-BoldItalic.ttf differ diff --git a/uploads/DMSans-Italic.ttf b/uploads/DMSans-Italic.ttf new file mode 100644 index 0000000..b965526 Binary files /dev/null and b/uploads/DMSans-Italic.ttf differ diff --git a/uploads/DMSans-Medium.ttf b/uploads/DMSans-Medium.ttf new file mode 100644 index 0000000..71b2277 Binary files /dev/null and b/uploads/DMSans-Medium.ttf differ diff --git a/uploads/DMSans-MediumItalic.ttf b/uploads/DMSans-MediumItalic.ttf new file mode 100644 index 0000000..d3293d6 Binary files /dev/null and b/uploads/DMSans-MediumItalic.ttf differ diff --git a/uploads/DMSans-Regular.ttf b/uploads/DMSans-Regular.ttf new file mode 100644 index 0000000..cad73f0 Binary files /dev/null and b/uploads/DMSans-Regular.ttf differ diff --git a/uploads/OFL.txt b/uploads/OFL.txt new file mode 100644 index 0000000..6bde33e --- /dev/null +++ b/uploads/OFL.txt @@ -0,0 +1,93 @@ +Copyright 2014-2017 Indian Type Foundry (info@indiantypefoundry.com). Copyright 2019 Google LLC. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE.