ourdigital/our-claude-skills
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
dc18594d76132a9c3df8e271202a714318d49bb0
our-claude-skills/custom-skills/_dintel-shared/references/design-system-2025.md
Andrew Yim 8189473008 chore(dintel-skills): align Agent Corps with canon v1.0 / BRAND-GUIDE v1.3 
Standardize all 9 dintel-* skills + shared infrastructure against the
new D.intelligence canon (brand-canon, fact-sheet, service-architecture,
naming-conventions v1.0) and BRAND-GUIDE v1.3.

Term replacements (applied across SKILL.md, CLAUDE.md, scripts, refs):
- Slogan: SMART Marketing Clinic -> SMART Marketing Intelligence
  (Clinic is now an OurDigital asset; split enforced)
- Core Values: Scientific/Practical -> Science/Practice
- MD category: Marketing Diagnosis -> Measurement Design
- Brand Character: 마케팅 주치의 -> 성과중심의 데이터 기반 마케팅 과학자
- Address: 송파테라타워/황새울로 -> 판교글로벌비즈센터 1층 36호 (13449)
- External email: contact@ -> info@dintelligence.co.kr
- CEO title: D.HIVE CEO & Founder / Senior Advisor -> 대표이사
- Tone keywords: Scientific/Practical/Outcome-oriented
  -> Science-driven/Practice-oriented/Outcome-focused
- Foreign-word literals: 감사 보고서/리포트/결과 -> 진단 ~ (audit->진단)
- Adjacent services: removed Courses (transferred to OurDigital Practice)

Structural changes:
- Insert "v1.3 정합성 - 단일 진실" block citing canon docs in all 9
  SKILL.md files (preserves single source of truth at runtime).
- Bump version (1.0->1.1 or 1.1->1.2) and add canon_compliance: v1.3 +
  last_updated: 2026-05-18 to every frontmatter.
- Expand brand.py: CORPORATE/LAB dicts (full address, biz reg, CEO),
  TRANSLATION_STANDARDS, ADJACENT_SERVICES. PROHIBITED_WORDS grew
  13 -> 24 entries so Brand Guardian flags legacy phrases at runtime.
- Rewrite _dintel-shared/references/dintelligence_brand_guide.md as
  v1.3 canon mirror; sync brand-editor's local copy (no drift).
- Pin design-system reference header to 2026 PPTX v2.0.
- Refresh 73-quotation generate_quotation.py (Sheet 1 cover, Sheet 5
  terms) and 71-brand-editor generate_credential.py output.
- Update audit template title (감사 -> 진단).

Verified by 93-check compliance suite covering frontmatter, canon
citation, prohibited-term grep, Python compile + runtime imports, and
an end-to-end smoke test that generates a quotation .xlsx and inspects
cell content for v1.3 strings + absence of legacy strings.

Refs:
  knowledge-base/canon/{brand-canon,fact-sheet,service-architecture,naming-conventions}.md v1.0
  02_Brand/BRAND-GUIDE-v1.3.md
  knowledge-base/TODO-claude-code-skill-rebuild.md
  knowledge-base/gotcha/01_outdated-facts.md (10 cases)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-18 07:11:52 +09:00

172 lines
6.1 KiB
Markdown
Raw Blame History

# D.intelligence Design System
> **Authoritative source (PPTX)**: `knowledge-base/reference/design-system/D_intelligence_Design_System_2026.pptx` (v2.0, 2026-05-17 — Claude Design, 28 slides / 9 chapters)
> **Legacy source (PDF)**: `D.intelligence_Design_System_2025.pdf` (2022 → 2025 migration baseline; superseded by 2026 PPTX)
> **Canon compliance**: v1.3 (2026-05-18)
> **Note**: The color, typography, and layout primitives below remain valid for 2026 (no breaking visual changes). When the 2026 PPTX is exported to MD, this file will be re-synced. For any new chapter introduced in 2026 (e.g. component patterns), defer to the PPTX.
---
## 1. Logo & Logomark
### Primary Logo
Pentagon/arrow logomark with "think forward" + wordmark.
### Clear Space
Minimum clear space = height of the "D." element on all sides.
### Logo Variants
| Variant | File | Usage |
|---------|------|-------|
| Horizontal | `D.intelligence_logo_horizontal.svg/.png` | Standard use |
| Horizontal White | `D.intelligence_logo_horizontal_white.png` | Dark backgrounds |
| Vertical | `D.intelligence_logo_vertical.png` | Narrow spaces |
| Vertical White | `D.intelligence_logo_vertical_white.svg/.png` | Dark BG narrow |
| Wordtype | `D.intelligence_logo_wordtype.svg/.png` | Text-only contexts |
| Wordtype White | `D.intelligence_logo_wordtype_white.png` | Dark BG text-only |
| Square | `D.intelligence_logo_square.png` | Social/profile images |
| Motto | `D.intelligence_logo_motto.svg/.png` | With tagline |
| Motto White | `D.intelligence_logo_motto_white.svg/.png` | Dark BG with tagline |
### Logo Files Location
`Source Files/디자인 가이드/` and `Source Files/로고/`
---
## 2. Color System
### Primary Palette
| Name | Hex | RGB | Usage |
|------|-----|-----|-------|
| **D Beige** | `#E5E1D2` | R229 G225 B210 | **NEW — Primary BG** (cover, section dividers) |
| **D Olive** | `#CEDC00` | R206 G220 B0 | **Accent only** (circles, highlights, Venn overlaps) |
| **D Brown** | `#231815` | R35 G24 B21 | **Primary text** / Dark BG |
| **D Black** | `#000000` | R0 G0 B0 | Dark BG / Text |
### Secondary Palette
| Name | Hex | RGB | Usage |
|------|-----|-----|-------|
| **D Gray** | `#727171` | R114 G113 B113 | Secondary text, subtitles, captions |
| **D Light Gray** | `#F2F2F2` | R242 G242 B242 | Card / BG |
| **D Blue** | `#0075C0` | R0 G117 B192 | **Digital accent only** — diagrams, data visualizations |
| **D Border** | `#BFBFBF` | R191 G191 B191 | Border 0.5pt |
| **Warm Gray** | `#C8C4B8` | R200 G196 B184 | Header bar, vertical line accent |
### Color Usage Rules
| Element | Color |
|---------|-------|
| Cover & Section Divider BG | D Beige `#E5E1D2` |
| Content Slide BG | White `#FFFFFF` |
| Closing / Dark slides | D Brown `#231815` |
| D Olive `#CEDC00` | **Accent only** — circles, highlights, Venn overlaps |
| D Blue `#0075C0` | **Digital/web accent only** — diagrams, data viz |
| Borders | 0.5pt, D Border `#BFBFBF` |
| Text (primary) | D Brown `#231815` or D Black `#000000` |
| Text (secondary) | D Gray `#727171` |
### 2022 → 2025 Key Change
**D Olive (#CEDC00) demoted from dominant background color to accent-only.** New warm D Beige (#E5E1D2) conveys a more mature, consultancy-grade aesthetic.
---
## 3. Typography
### Font Families
| Language | Font | Weights |
|----------|------|---------|
| **Korean** | Apple SD Gothic Neo | Regular, Bold, ExtraBold, Heavy, Light, Medium |
| **English** | DM Sans | Regular, Medium, Bold (+Italic variants) |
### Type Scale
| Element | Size | Weight | Color |
|---------|------|--------|-------|
| Display Title (Section Divider) | 54-72pt | Bold / Black | D Brown `#231815` |
| Slide Title | 28-36pt | Bold | D Brown `#231815` |
| Subtitle / Caption | 14-16pt | Regular | D Gray `#727171` |
| Body Text | 11-14pt | Regular | D Brown `#231815` |
| Footnote / Page Info | 8-10pt | Regular | D Gray `#727171` |
| Header Bar (Top-left) | 10pt | Regular | Warm Gray `#C8C4B8` |
---
## 4. Layout Motifs & Grid
### Three Visual Signatures
| Motif | Description | Usage |
|-------|-------------|-------|
| **Vertical Line Accent** | Thin vertical line (`#C8C4B8`) on left side of section dividers | Height varies with title |
| **Three-Dot Motif** | `• • •` in upper-right corner | Cover and featured content slides |
| **Footer Convention** | "Analysis, Treatment & Growth" + page number | Bottom of all content slides |
### Spacing & Margins
- Minimum margins: **0.5 inches** on all sides
- Generous whitespace maintained throughout
- Left-alignment for body text
---
## 5. Slide Templates
### Cover Slide
- D Beige background
- Three-dot motif (• • •) upper-right
- "D.intelligence" logo
- Title area
- "- Analysis, Treatment & Growth -" subtitle
### Section Divider
- D Beige background
- Vertical line accent (left)
- Large display title (54-72pt, Bold)
- "DATA INTELLIGENCE" or section keyword
### Content Slide
- White background
- Slide title (28-36pt, Bold, D Brown)
- Body text area (11-14pt)
- Visual/chart placeholder
- Footer: "Analysis, Treatment & Growth" + page number
### Closing Slide
- D Brown `#231815` background (dark)
- "Thank You" / "Think Forward"
- Company info footer
---
## 6. Do's & Don'ts
### DO
- Use D Beige for cover and section dividers
- Maintain vertical line accent on section slides
- Keep body text 11-14pt for readability
- Use D Brown (#231815) as primary text colour
- Include "Analysis, Treatment & Growth" footer
- Use D Olive sparingly as accent only
- Maintain generous whitespace (0.5" margins min)
### DON'T
- Use D Olive as full slide background (2022 style)
- Mix D Blue and D Olive as equal-weight colours
- Use text smaller than 8pt anywhere
- Place logo on every content slide
- Use gradients or drop shadows on text
- Stretch or distort the logomark
- Use colours outside the defined palette
---
## Company Info (Footer)
```
(주)디인텔리전스
경기도 성남시 수정구 창업로 43 판교글로벌비즈센터 업무동 1층 36호 | 13449
T. 82. 70. 5118. 5582 | W. https://dintelligence.co.kr | E. info@dintelligence.co.kr
```
Reference in New Issue View Git Blame Copy Permalink