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
Andrew Yim
8189473008