# 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
```
