Docs & Slides
문서 컴포넌트
문서와 슬라이드는 동일한 재사용 컴포넌트로 조립합니다. 각 컴포넌트는 정해진 props를 받아 동적으로 생성될 수 있도록 정의됩니다.
텍스트 컴포넌트
제목·본문·캡션 등 글 위계를 만드는 기본 블록.
Page Title
text · subtitle · section_no주요 페이지·슬라이드 상단
Section Title
text · description콘텐츠 블록 구분
Body Text
text · max_length · variant설명 본문
Caption
text · source · date차트·이미지·표 아래
Footnote
text · marker법적·출처 노트
Quote Block
text · source · role클라이언트 인용·에디토리얼
데이터 컴포넌트
수치·랭킹·성장을 보여주는 카드와 표. 핵심 KPI·랭킹 카드는 아래 실제 예시를 따릅니다.
Japan · YouTube MV Daily
#23
커리어 하이
릴리스 주간
KPI Card
#7
iTunes Top Songs
대한민국 · 2026-06-14
이전 #11
최고 #5
Ranking Card
주간 스트리밍
1.82M
+18.4%
이전 주 1.54M · 6/2–6/8
3주 연속 상승 — 모멘텀 유지 구간
Growth Card
기준
베이직
스탠다드 · 추천
프리미엄
집행 기간
2주
4주
8주
채널 수
2
4
전체
리포트
요약
주간
실시간
Comparison Table
날짜
작업
상태
6/02
킥오프 · 소재 확정
완료
6/09
1차 광고 집행
진행 중
6/16
성과 리뷰
대기
Timeline Table
항목
수량
합계
광고 집행
4주
₩12,000,000
콘텐츠 제작
8건
₩4,800,000
리포팅
1식
₩1,200,000
합계
₩18,000,000
Budget Table
Growth Card
current · previous · rate · period · interpretation성장률 표시
Comparison Table
criteria · options · recommended · highlight_logic서비스·패키지·국가 비교
Timeline Table
date · task · status · owner · note캠페인·실행 계획
Budget Table
item · description · unit · qty · price · total · note가격·패키지·비용
비주얼 컴포넌트
분석을 요약하고 중요 정보를 강조하는 카드·박스. 인사이트·하이라이트·경고·추천은 아래 실제 예시를 따릅니다.
Insight
한일 동시 가시성 유지
하루 스파이크가 아닌 5일 이상 지속 노출 — 지역 일관성이 강합니다.
→ 향후 7일 일본 숏폼 배포 유지 권장
Highlight
릴리스 주간 최고 성과
6개 차트 중 4개에서 커리어 하이를 갱신했습니다.
Warning
예산 확정 필요
2차 광고 집행 전 클라이언트 승인이 필요합니다. 영향도 중
Recommendation
일본 숏폼 배포 유지
모멘텀이 측정되는 동안 차트 가시성 유지. 우선순위 높음 · 즉시
Before
분산된 수동 리포트
매번 새로 디자인 · 포맷 제각각
After
템플릿 기반 생성
동일 토큰 · 일관 레이아웃
핵심 개선
제작 시간 70% 단축 · 브랜드 일관성 확보
Before / After
샘플 캠페인 · Y2K
목표
릴리스 주간 글로벌 차트 진입
실행
일본 중심 숏폼 배포 2주
결과
6개 차트 중 4개 커리어 하이
Takeaway
지역 집중 배포가 분산보다 높은 모멘텀
Case Study Block
트래킹 채널
Logo Grid
인터뷰
메인 노출
음악 웹진
6/10 · 국내
선곡
3개 채널
라디오
6/12 · 일본
챌린지
2.1M 조회
숏폼
6/13 · 글로벌
Media Placement
Before / After
before_title · before_desc · after_title · after_desc · key_improvement현재 vs 개선 상태
Case Study Block
case_name · objective · execution · result · takeaway캠페인·아티스트 사례
Logo Grid
logos · label · category · note플랫폼·파트너·미디어
Media Placement
media_name · type · date · region · reference · resultPR·언론·TV·라디오 노출
props 스키마
각 컴포넌트는 구조화된 props로 정의되어 AI·템플릿이 동적으로 생성할 수 있습니다.
// KPI Card
{ "component": "kpi_card", "props": {
"value":"", "label":"", "period":"", "change":"", "status":"", "note":"" } }
// Insight Card
{ "component": "insight_card", "props": {
"title":"", "message":"", "supporting_metric":"", "recommendation":"" } }
// Chart Block
{ "component": "chart_block", "props": {
"chart_type":"", "title":"", "data":[], "x_axis":"", "y_axis":"",
"highlight":"", "caption":"", "insight":"" } }
// Table Block
{ "component": "table_block", "props": {
"title":"", "columns":[], "rows":[], "highlight_rows":[], "caption":"", "note":"" } }
// Media Block
{ "component": "media_block", "props": {
"media_type":"", "src":"", "title":"", "caption":"", "source":"", "date":"" } }