slides-grab 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README-ko.md +8 -6
- package/README.md +8 -6
- package/bin/ppt-agent.js +86 -1
- package/package.json +6 -2
- package/runtimes/claude-code/agents/design-critic-agent.md +23 -0
- package/runtimes/codex/agents/slides-grab-design-critic.md +22 -0
- package/scripts/design-gate.js +241 -0
- package/scripts/html2png.js +246 -0
- package/scripts/install-runtime.js +216 -0
- package/skills/slides-grab/SKILL.md +14 -12
- package/skills/slides-grab/references/presentation-workflow-reference.md +1 -1
- package/skills/slides-grab-card-news/SKILL.md +1 -1
- package/skills/slides-grab-design/SKILL.md +10 -6
- package/skills/slides-grab-design/references/design-gate.md +349 -0
- package/skills/slides-grab-design/references/design-rules.md +3 -3
- package/skills/slides-grab-design/references/design-system-full.md +4 -4
- package/skills/slides-grab-export/SKILL.md +5 -4
- package/skills/slides-grab-export/references/pptx-skill-reference.md +7 -42
- package/skills/slides-grab-plan/SKILL.md +3 -3
- package/skills/slides-grab-plan/references/plan-workflow-reference.md +14 -14
- package/src/design-diversity-data.js +6932 -0
- package/src/design-gate-report.js +244 -0
- package/src/design-gate-state.js +294 -0
- package/src/design-styles.js +19 -2
- package/src/editor/codex-edit.js +26 -1
- package/src/editor/editor.html +1 -1
- package/src/editor/js/model-registry.js +1 -1
- package/templates/design-styles/README.md +2 -1
- package/templates/design-styles/preview.html +1088 -6
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<head>
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
-
<title>slides-grab Design Styles —
|
|
7
|
+
<title>slides-grab Design Styles — 95 Collections</title>
|
|
8
8
|
<style>
|
|
9
9
|
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&family=Space+Mono:wght@400;700&family=Bebas+Neue&family=Playfair+Display:ital,wght@0,700;1,700&family=DM+Serif+Display:ital@0;1&family=Barlow+Condensed:wght@600;800&display=swap');
|
|
10
10
|
|
|
@@ -2616,8 +2616,8 @@
|
|
|
2616
2616
|
|
|
2617
2617
|
<header>
|
|
2618
2618
|
<span class="tag">slides-grab Design Styles</span>
|
|
2619
|
-
<h1>Design <span>Styles</span><br>Collection
|
|
2620
|
-
<p>
|
|
2619
|
+
<h1>Design <span>Styles</span><br>Collection 95</h1>
|
|
2620
|
+
<p>95 bundled design styles for slides-grab. 30 derived from <a href="https://github.com/corazzon/pptx-design-styles" target="_blank" style="color: var(--accent); text-decoration: none;">corazzon/pptx-design-styles</a> (MIT), 5 slides-grab originals, and 60 PPT packs derived from <a href="https://github.com/epoko77-ai/design-diversity" target="_blank" style="color: var(--accent); text-decoration: none;">epoko77-ai/design-diversity</a> (MIT).</p>
|
|
2621
2621
|
</header>
|
|
2622
2622
|
|
|
2623
2623
|
<div class="grid">
|
|
@@ -2733,7 +2733,7 @@
|
|
|
2733
2733
|
</div>
|
|
2734
2734
|
<div class="card-info">
|
|
2735
2735
|
<div class="card-num">07 — SWISS STYLE</div>
|
|
2736
|
-
<div class="card-title">Swiss International</div>
|
|
2736
|
+
<div class="card-title">Swiss International Style</div>
|
|
2737
2737
|
<div class="card-desc">Grid-aligned, functional layout with red vertical accent bar. Helvetica. Clean.</div>
|
|
2738
2738
|
<div class="tags"><span class="tag-pill">grid based</span><span class="tag-pill">typography</span><span
|
|
2739
2739
|
class="tag-pill">corporate</span></div>
|
|
@@ -3345,12 +3345,1094 @@
|
|
|
3345
3345
|
</div>
|
|
3346
3346
|
</div>
|
|
3347
3347
|
|
|
3348
|
+
<!-- DD01-DD60 Design Diversity PPT Packs -->
|
|
3349
|
+
|
|
3350
|
+
<!-- DD01 ppt-consulting-precision-grid -->
|
|
3351
|
+
<div class="card">
|
|
3352
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3353
|
+
<div style="position:absolute; inset:18px; border:1px solid #0B5FFF;"></div>
|
|
3354
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F4F5F7; border-left:8px solid #0B5FFF;"></div>
|
|
3355
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3356
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#0B5FFF; margin-bottom:8px;">ppt-consulting-precision-grid</p>
|
|
3357
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">컨설팅 정밀그리드</p>
|
|
3358
|
+
</div>
|
|
3359
|
+
</div>
|
|
3360
|
+
<div class="card-info">
|
|
3361
|
+
<div class="card-num">DD01 — DESIGN-DIVERSITY</div>
|
|
3362
|
+
<div class="card-title">컨설팅 정밀그리드</div>
|
|
3363
|
+
<div class="card-desc">12열 모듈러 그리드 위 무채색 본문과 단일 강조색의 헤어라인 보더 데이터 박스, 액션 타이틀 헤더의 컨설팅 보고서 정형.</div>
|
|
3364
|
+
<div class="tags"><span class="tag-pill">mono · minimal-sans · strict-grid · dense · none</span></div>
|
|
3365
|
+
</div>
|
|
3366
|
+
</div>
|
|
3367
|
+
|
|
3368
|
+
<!-- DD02 ppt-keynote-minimal-fullbleed -->
|
|
3369
|
+
<div class="card">
|
|
3370
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3371
|
+
<div style="position:absolute; inset:18px; border:1px solid #0071E3;"></div>
|
|
3372
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #0071E3;"></div>
|
|
3373
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3374
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#0071E3; margin-bottom:8px;">ppt-keynote-minimal-fullbleed</p>
|
|
3375
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Keynote 미니멀 풀블리드</p>
|
|
3376
|
+
</div>
|
|
3377
|
+
</div>
|
|
3378
|
+
<div class="card-info">
|
|
3379
|
+
<div class="card-num">DD02 — DESIGN-DIVERSITY</div>
|
|
3380
|
+
<div class="card-title">Keynote 미니멀 풀블리드</div>
|
|
3381
|
+
<div class="card-desc">풀블리드 사진 또는 단색 배경에 한 줄 문장만, 압도적 여백의 한 장 한 메시지 극단적 절제.</div>
|
|
3382
|
+
<div class="tags"><span class="tag-pill">mono · minimal-sans · full-bleed · airy · subtle</span></div>
|
|
3383
|
+
</div>
|
|
3384
|
+
</div>
|
|
3385
|
+
|
|
3386
|
+
<!-- DD03 ppt-editorial-magazine -->
|
|
3387
|
+
<div class="card">
|
|
3388
|
+
<div class="preview" style="background: #FBFAF7; color: #1C1B19; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3389
|
+
<div style="position:absolute; inset:18px; border:1px solid #A8312A;"></div>
|
|
3390
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FBFAF7; border-left:8px solid #A8312A;"></div>
|
|
3391
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3392
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#A8312A; margin-bottom:8px;">ppt-editorial-magazine</p>
|
|
3393
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1C1B19;">에디토리얼 매거진</p>
|
|
3394
|
+
</div>
|
|
3395
|
+
</div>
|
|
3396
|
+
<div class="card-info">
|
|
3397
|
+
<div class="card-num">DD03 — DESIGN-DIVERSITY</div>
|
|
3398
|
+
<div class="card-title">에디토리얼 매거진</div>
|
|
3399
|
+
<div class="card-desc">스프레드 단위 다단 칼럼 그리드, 큰 세리프 헤드라인과 드롭캡, 잡지 활자 부속의 출판물 위계.</div>
|
|
3400
|
+
<div class="tags"><span class="tag-pill">mono · serif-editorial · asymmetric · balanced · none</span></div>
|
|
3401
|
+
</div>
|
|
3402
|
+
</div>
|
|
3403
|
+
|
|
3404
|
+
<!-- DD04 ppt-neo-brutalism -->
|
|
3405
|
+
<div class="card">
|
|
3406
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3407
|
+
<div style="position:absolute; inset:18px; border:1px solid #FF5A36;"></div>
|
|
3408
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #FF5A36;"></div>
|
|
3409
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3410
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FF5A36; margin-bottom:8px;">ppt-neo-brutalism</p>
|
|
3411
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">네오브루탈리즘</p>
|
|
3412
|
+
</div>
|
|
3413
|
+
</div>
|
|
3414
|
+
<div class="card-info">
|
|
3415
|
+
<div class="card-num">DD04 — DESIGN-DIVERSITY</div>
|
|
3416
|
+
<div class="card-title">네오브루탈리즘</div>
|
|
3417
|
+
<div class="card-desc">두꺼운 검정 보더와 하드 섀도, 원색 블록의 거친 충돌, 거대 굵은 산세리프의 의도적 비대칭.</div>
|
|
3418
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · block-grid · dense · snappy</span></div>
|
|
3419
|
+
</div>
|
|
3420
|
+
</div>
|
|
3421
|
+
|
|
3422
|
+
<!-- DD05 ppt-glassmorphism -->
|
|
3423
|
+
<div class="card">
|
|
3424
|
+
<div class="preview" style="background: #111118; color: #1A1A2E; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3425
|
+
<div style="position:absolute; inset:18px; border:1px solid #FFFFFF;"></div>
|
|
3426
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #FFFFFF;"></div>
|
|
3427
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3428
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FFFFFF; margin-bottom:8px;">ppt-glassmorphism</p>
|
|
3429
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1A1A2E;">글래스모피즘</p>
|
|
3430
|
+
</div>
|
|
3431
|
+
</div>
|
|
3432
|
+
<div class="card-info">
|
|
3433
|
+
<div class="card-num">DD05 — DESIGN-DIVERSITY</div>
|
|
3434
|
+
<div class="card-title">글래스모피즘</div>
|
|
3435
|
+
<div class="card-desc">컬러풀 그라디언트 배경 위 부유하는 반투명 프로스티드 글래스 패널, 하이라이트 보더의 깊이감.</div>
|
|
3436
|
+
<div class="tags"><span class="tag-pill">gradient · minimal-sans · centered · airy · subtle</span></div>
|
|
3437
|
+
</div>
|
|
3438
|
+
</div>
|
|
3439
|
+
|
|
3440
|
+
<!-- DD06 ppt-korea-policy-navy -->
|
|
3441
|
+
<div class="card">
|
|
3442
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3443
|
+
<div style="position:absolute; inset:18px; border:1px solid #1B66C9;"></div>
|
|
3444
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#E8F1FB; border-left:8px solid #1B66C9;"></div>
|
|
3445
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3446
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#1B66C9; margin-bottom:8px;">ppt-korea-policy-navy</p>
|
|
3447
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">한국 정책보고서 네이비</p>
|
|
3448
|
+
</div>
|
|
3449
|
+
</div>
|
|
3450
|
+
<div class="card-info">
|
|
3451
|
+
<div class="card-num">DD06 — DESIGN-DIVERSITY</div>
|
|
3452
|
+
<div class="card-title">한국 정책보고서 네이비</div>
|
|
3453
|
+
<div class="card-desc">네이비 헤더바와 굵은 한국어 고딕 타이틀, 좌측 번호 섹션, 정렬된 박스 본문의 한국 공공 보고서 정형.</div>
|
|
3454
|
+
<div class="tags"><span class="tag-pill">dark · minimal-sans · strict-grid · balanced · none</span></div>
|
|
3455
|
+
</div>
|
|
3456
|
+
</div>
|
|
3457
|
+
|
|
3458
|
+
<!-- DD07 ppt-dark-tech -->
|
|
3459
|
+
<div class="card">
|
|
3460
|
+
<div class="preview" style="background: #0C0D10; color: #E4E6EB; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3461
|
+
<div style="position:absolute; inset:18px; border:1px solid #3DF5E0;"></div>
|
|
3462
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#16181D; border-left:8px solid #3DF5E0;"></div>
|
|
3463
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3464
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#3DF5E0; margin-bottom:8px;">ppt-dark-tech</p>
|
|
3465
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#E4E6EB;">다크모드 테크</p>
|
|
3466
|
+
</div>
|
|
3467
|
+
</div>
|
|
3468
|
+
<div class="card-info">
|
|
3469
|
+
<div class="card-num">DD07 — DESIGN-DIVERSITY</div>
|
|
3470
|
+
<div class="card-title">다크모드 테크</div>
|
|
3471
|
+
<div class="card-desc">차콜 배경에 네온 시안·바이올렛 강조와 발광 라인, 모노스페이스 라벨의 사이버틱한 테크 컨퍼런스 톤.</div>
|
|
3472
|
+
<div class="tags"><span class="tag-pill">dark · mono · asymmetric · balanced · snappy</span></div>
|
|
3473
|
+
</div>
|
|
3474
|
+
</div>
|
|
3475
|
+
|
|
3476
|
+
<!-- DD08 ppt-hand-drawn-sketch -->
|
|
3477
|
+
<div class="card">
|
|
3478
|
+
<div class="preview" style="background: #F4ECDC; color: #2B2724; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3479
|
+
<div style="position:absolute; inset:18px; border:1px solid #E8654A;"></div>
|
|
3480
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F4ECDC; border-left:8px solid #E8654A;"></div>
|
|
3481
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3482
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#E8654A; margin-bottom:8px;">ppt-hand-drawn-sketch</p>
|
|
3483
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#2B2724;">핸드드로운 스케치</p>
|
|
3484
|
+
</div>
|
|
3485
|
+
</div>
|
|
3486
|
+
<div class="card-info">
|
|
3487
|
+
<div class="card-num">DD08 — DESIGN-DIVERSITY</div>
|
|
3488
|
+
<div class="card-title">핸드드로운 스케치</div>
|
|
3489
|
+
<div class="card-desc">손그림 테두리와 거친 펜 스트로크 화살표·말풍선, 크림색 종이 질감의 비격식 워크숍 톤.</div>
|
|
3490
|
+
<div class="tags"><span class="tag-pill">earth · mixed · asymmetric · balanced · playful</span></div>
|
|
3491
|
+
</div>
|
|
3492
|
+
</div>
|
|
3493
|
+
|
|
3494
|
+
<!-- DD09 ppt-data-infographic-heavy -->
|
|
3495
|
+
<div class="card">
|
|
3496
|
+
<div class="preview" style="background: #F7F8FA; color: #1E2229; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3497
|
+
<div style="position:absolute; inset:18px; border:1px solid #2563EB;"></div>
|
|
3498
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #2563EB;"></div>
|
|
3499
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3500
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#2563EB; margin-bottom:8px;">ppt-data-infographic-heavy</p>
|
|
3501
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1E2229;">데이터 인포그래픽 헤비</p>
|
|
3502
|
+
</div>
|
|
3503
|
+
</div>
|
|
3504
|
+
<div class="card-info">
|
|
3505
|
+
<div class="card-num">DD09 — DESIGN-DIVERSITY</div>
|
|
3506
|
+
<div class="card-title">데이터 인포그래픽 헤비</div>
|
|
3507
|
+
<div class="card-desc">차트·KPI 카드·아이콘 통계가 빽빽한 대시보드형 레이아웃, F자 동선의 정보 밀도가 정체성.</div>
|
|
3508
|
+
<div class="tags"><span class="tag-pill">vivid-primary · minimal-sans · block-grid · dense · subtle</span></div>
|
|
3509
|
+
</div>
|
|
3510
|
+
</div>
|
|
3511
|
+
|
|
3512
|
+
<!-- DD10 ppt-monochrome-risk -->
|
|
3513
|
+
<div class="card">
|
|
3514
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3515
|
+
<div style="position:absolute; inset:18px; border:1px solid #0A0A0A;"></div>
|
|
3516
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#E6E6E6; border-left:8px solid #0A0A0A;"></div>
|
|
3517
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3518
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#0A0A0A; margin-bottom:8px;">ppt-monochrome-risk</p>
|
|
3519
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">모노크롬 리스크</p>
|
|
3520
|
+
</div>
|
|
3521
|
+
</div>
|
|
3522
|
+
<div class="card-info">
|
|
3523
|
+
<div class="card-num">DD10 — DESIGN-DIVERSITY</div>
|
|
3524
|
+
<div class="card-title">모노크롬 리스크</div>
|
|
3525
|
+
<div class="card-desc">순수 흑백 단계만, 굵은 경고 헤드라인과 두꺼운 룰 라인 구획의 의도적으로 엄숙한 리스크 보고 톤.</div>
|
|
3526
|
+
<div class="tags"><span class="tag-pill">mono · heavy-display · strict-grid · balanced · none</span></div>
|
|
3527
|
+
</div>
|
|
3528
|
+
</div>
|
|
3529
|
+
|
|
3530
|
+
<!-- DD11 ppt-memphis-retro-90s -->
|
|
3531
|
+
<div class="card">
|
|
3532
|
+
<div class="preview" style="background: #F4ECD8; color: #1A1A1A; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3533
|
+
<div style="position:absolute; inset:18px; border:1px solid #FF3B7F;"></div>
|
|
3534
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1A1A1A; border-left:8px solid #FF3B7F;"></div>
|
|
3535
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3536
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FF3B7F; margin-bottom:8px;">ppt-memphis-retro-90s</p>
|
|
3537
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1A1A1A;">90s 멤피스 레트로</p>
|
|
3538
|
+
</div>
|
|
3539
|
+
</div>
|
|
3540
|
+
<div class="card-info">
|
|
3541
|
+
<div class="card-num">DD11 — DESIGN-DIVERSITY</div>
|
|
3542
|
+
<div class="card-title">90s 멤피스 레트로</div>
|
|
3543
|
+
<div class="card-desc">지그재그·도트·테라조 패턴과 비정형 기하 도형, 원색 충돌의 80~90s 포스트모던 무질서.</div>
|
|
3544
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · asymmetric · dense · playful</span></div>
|
|
3545
|
+
</div>
|
|
3546
|
+
</div>
|
|
3547
|
+
|
|
3548
|
+
<!-- DD12 ppt-minimal-mono-note -->
|
|
3549
|
+
<div class="card">
|
|
3550
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3551
|
+
<div style="position:absolute; inset:18px; border:1px solid #FFFFFF;"></div>
|
|
3552
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #FFFFFF;"></div>
|
|
3553
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3554
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FFFFFF; margin-bottom:8px;">ppt-minimal-mono-note</p>
|
|
3555
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">미니멀 모노 노트</p>
|
|
3556
|
+
</div>
|
|
3557
|
+
</div>
|
|
3558
|
+
<div class="card-info">
|
|
3559
|
+
<div class="card-num">DD12 — DESIGN-DIVERSITY</div>
|
|
3560
|
+
<div class="card-title">미니멀 모노 노트</div>
|
|
3561
|
+
<div class="card-desc">넓은 여백의 화이트 지면에 모노스페이스 폰트만, 잉크 블랙 하나의 정적인 타자기 노트 미감.</div>
|
|
3562
|
+
<div class="tags"><span class="tag-pill">mono · mono · centered · airy · none</span></div>
|
|
3563
|
+
</div>
|
|
3564
|
+
</div>
|
|
3565
|
+
|
|
3566
|
+
<!-- DD13 ppt-botanical-organic -->
|
|
3567
|
+
<div class="card">
|
|
3568
|
+
<div class="preview" style="background: #F2EAD9; color: #3A352C; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3569
|
+
<div style="position:absolute; inset:18px; border:1px solid #B5654A;"></div>
|
|
3570
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#E5D9C3; border-left:8px solid #B5654A;"></div>
|
|
3571
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3572
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#B5654A; margin-bottom:8px;">ppt-botanical-organic</p>
|
|
3573
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#3A352C;">보태니컬 오가닉</p>
|
|
3574
|
+
</div>
|
|
3575
|
+
</div>
|
|
3576
|
+
<div class="card-info">
|
|
3577
|
+
<div class="card-num">DD13 — DESIGN-DIVERSITY</div>
|
|
3578
|
+
<div class="card-title">보태니컬 오가닉</div>
|
|
3579
|
+
<div class="card-desc">베이지·테라코타·모스그린 어스 톤과 손그림 식물 일러스트, 유기적 곡선의 자연·웰니스 톤.</div>
|
|
3580
|
+
<div class="tags"><span class="tag-pill">earth · serif-editorial · asymmetric · airy · subtle</span></div>
|
|
3581
|
+
</div>
|
|
3582
|
+
</div>
|
|
3583
|
+
|
|
3584
|
+
<!-- DD14 ppt-vivid-gradient-future -->
|
|
3585
|
+
<div class="card">
|
|
3586
|
+
<div class="preview" style="background: #111118; color: #FFFFFF; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3587
|
+
<div style="position:absolute; inset:18px; border:1px solid #7DF9FF;"></div>
|
|
3588
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #7DF9FF;"></div>
|
|
3589
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3590
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#7DF9FF; margin-bottom:8px;">ppt-vivid-gradient-future</p>
|
|
3591
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#FFFFFF;">비비드 그라디언트 퓨처</p>
|
|
3592
|
+
</div>
|
|
3593
|
+
</div>
|
|
3594
|
+
<div class="card-info">
|
|
3595
|
+
<div class="card-num">DD14 — DESIGN-DIVERSITY</div>
|
|
3596
|
+
<div class="card-title">비비드 그라디언트 퓨처</div>
|
|
3597
|
+
<div class="card-desc">채도 높은 다색 메시 그라디언트가 배경을 채우고 발광 곡선·추상 3D가 부유하는 미래 비전 톤.</div>
|
|
3598
|
+
<div class="tags"><span class="tag-pill">gradient · heavy-display · full-bleed · balanced · snappy</span></div>
|
|
3599
|
+
</div>
|
|
3600
|
+
</div>
|
|
3601
|
+
|
|
3602
|
+
<!-- DD15 ppt-print-first-newspaper -->
|
|
3603
|
+
<div class="card">
|
|
3604
|
+
<div class="preview" style="background: #F4F1E8; color: #1C1B17; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3605
|
+
<div style="position:absolute; inset:18px; border:1px solid #A8231B;"></div>
|
|
3606
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F4F1E8; border-left:8px solid #A8231B;"></div>
|
|
3607
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3608
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#A8231B; margin-bottom:8px;">ppt-print-first-newspaper</p>
|
|
3609
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1C1B17;">프린트-퍼스트 뉴스페이퍼</p>
|
|
3610
|
+
</div>
|
|
3611
|
+
</div>
|
|
3612
|
+
<div class="card-info">
|
|
3613
|
+
<div class="card-num">DD15 — DESIGN-DIVERSITY</div>
|
|
3614
|
+
<div class="card-title">프린트-퍼스트 뉴스페이퍼</div>
|
|
3615
|
+
<div class="card-desc">다단 칼럼과 굵은 세리프 마스트헤드, 가는 룰 라인 구획의 뉴스프린트 신문 지면 정형.</div>
|
|
3616
|
+
<div class="tags"><span class="tag-pill">mono · serif-editorial · block-grid · dense · none</span></div>
|
|
3617
|
+
</div>
|
|
3618
|
+
</div>
|
|
3619
|
+
|
|
3620
|
+
<!-- DD16 ppt-swiss-editorial-bold -->
|
|
3621
|
+
<div class="card">
|
|
3622
|
+
<div class="preview" style="background: #F2F0EB; color: #111111; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3623
|
+
<div style="position:absolute; inset:18px; border:1px solid #FF4A1C;"></div>
|
|
3624
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#111111; border-left:8px solid #FF4A1C;"></div>
|
|
3625
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3626
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FF4A1C; margin-bottom:8px;">ppt-swiss-editorial-bold</p>
|
|
3627
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111111;">스위스 에디토리얼 볼드</p>
|
|
3628
|
+
</div>
|
|
3629
|
+
</div>
|
|
3630
|
+
<div class="card-info">
|
|
3631
|
+
<div class="card-num">DD16 — DESIGN-DIVERSITY</div>
|
|
3632
|
+
<div class="card-title">스위스 에디토리얼 볼드</div>
|
|
3633
|
+
<div class="card-desc">정밀 그리드 위에 거대한 압축 디스플레이 활자를 일러스트처럼 쓰는 의도된 혼돈의 편집 디자인.</div>
|
|
3634
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · strict-grid · balanced · snappy</span></div>
|
|
3635
|
+
</div>
|
|
3636
|
+
</div>
|
|
3637
|
+
|
|
3638
|
+
<!-- DD17 ppt-bauhaus-geometric -->
|
|
3639
|
+
<div class="card">
|
|
3640
|
+
<div class="preview" style="background: #F0EDE4; color: #1A1A1A; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3641
|
+
<div style="position:absolute; inset:18px; border:1px solid #D62828;"></div>
|
|
3642
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #D62828;"></div>
|
|
3643
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3644
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#D62828; margin-bottom:8px;">ppt-bauhaus-geometric</p>
|
|
3645
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1A1A1A;">바우하우스 지오메트릭</p>
|
|
3646
|
+
</div>
|
|
3647
|
+
</div>
|
|
3648
|
+
<div class="card-info">
|
|
3649
|
+
<div class="card-num">DD17 — DESIGN-DIVERSITY</div>
|
|
3650
|
+
<div class="card-title">바우하우스 지오메트릭</div>
|
|
3651
|
+
<div class="card-desc">원·삼각형·사각형 기본 도형과 빨강·노랑·파랑 삼원색, 비대칭 균형의 기능주의 기하 구성.</div>
|
|
3652
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · asymmetric · balanced · none</span></div>
|
|
3653
|
+
</div>
|
|
3654
|
+
</div>
|
|
3655
|
+
|
|
3656
|
+
<!-- DD18 ppt-expressive-material -->
|
|
3657
|
+
<div class="card">
|
|
3658
|
+
<div class="preview" style="background: #FEF7FF; color: #1D1B20; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3659
|
+
<div style="position:absolute; inset:18px; border:1px solid #6750A4;"></div>
|
|
3660
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F3EDF7; border-left:8px solid #6750A4;"></div>
|
|
3661
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3662
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#6750A4; margin-bottom:8px;">ppt-expressive-material</p>
|
|
3663
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1D1B20;">익스프레시브 머티리얼</p>
|
|
3664
|
+
</div>
|
|
3665
|
+
</div>
|
|
3666
|
+
<div class="card-info">
|
|
3667
|
+
<div class="card-num">DD18 — DESIGN-DIVERSITY</div>
|
|
3668
|
+
<div class="card-title">익스프레시브 머티리얼</div>
|
|
3669
|
+
<div class="card-desc">Material 3 Expressive의 대담한 색과 가변 폰트 변주, 큰 둥근 형태와 명랑한 모션의 5단계 타입 스케일.</div>
|
|
3670
|
+
<div class="tags"><span class="tag-pill">vivid-primary · mixed · block-grid · balanced · playful</span></div>
|
|
3671
|
+
</div>
|
|
3672
|
+
</div>
|
|
3673
|
+
|
|
3674
|
+
<!-- DD19 ppt-luxury-editorial-serif -->
|
|
3675
|
+
<div class="card">
|
|
3676
|
+
<div class="preview" style="background: #FAF8F3; color: #1A1814; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3677
|
+
<div style="position:absolute; inset:18px; border:1px solid #A8884E;"></div>
|
|
3678
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FAF8F3; border-left:8px solid #A8884E;"></div>
|
|
3679
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3680
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#A8884E; margin-bottom:8px;">ppt-luxury-editorial-serif</p>
|
|
3681
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1A1814;">럭셔리 에디토리얼 세리프</p>
|
|
3682
|
+
</div>
|
|
3683
|
+
</div>
|
|
3684
|
+
<div class="card-info">
|
|
3685
|
+
<div class="card-num">DD19 — DESIGN-DIVERSITY</div>
|
|
3686
|
+
<div class="card-title">럭셔리 에디토리얼 세리프</div>
|
|
3687
|
+
<div class="card-desc">넓은 여백의 오프화이트 지면에 가는 하이콘트라스트 디드로 세리프, 절제된 골드 한 점의 우아한 톤.</div>
|
|
3688
|
+
<div class="tags"><span class="tag-pill">mono · serif-editorial · centered · airy · subtle</span></div>
|
|
3689
|
+
</div>
|
|
3690
|
+
</div>
|
|
3691
|
+
|
|
3692
|
+
<!-- DD20 ppt-startup-pitch-colorful -->
|
|
3693
|
+
<div class="card">
|
|
3694
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3695
|
+
<div style="position:absolute; inset:18px; border:1px solid #5B5BFF;"></div>
|
|
3696
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F4F6FF; border-left:8px solid #5B5BFF;"></div>
|
|
3697
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3698
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#5B5BFF; margin-bottom:8px;">ppt-startup-pitch-colorful</p>
|
|
3699
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">스타트업 피치 컬러풀</p>
|
|
3700
|
+
</div>
|
|
3701
|
+
</div>
|
|
3702
|
+
<div class="card-info">
|
|
3703
|
+
<div class="card-num">DD20 — DESIGN-DIVERSITY</div>
|
|
3704
|
+
<div class="card-title">스타트업 피치 컬러풀</div>
|
|
3705
|
+
<div class="card-desc">채도 높은 4~5색 팔레트와 둥근 키워드 배지, 거대 숫자 메트릭이 지배하는 데모데이 에너지.</div>
|
|
3706
|
+
<div class="tags"><span class="tag-pill">vivid-primary · mixed · centered · balanced · playful</span></div>
|
|
3707
|
+
</div>
|
|
3708
|
+
</div>
|
|
3709
|
+
|
|
3710
|
+
<!-- DD21 ppt-precision-fintech-deck -->
|
|
3711
|
+
<div class="card">
|
|
3712
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3713
|
+
<div style="position:absolute; inset:18px; border:1px solid #5A55E0;"></div>
|
|
3714
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F6F9FC; border-left:8px solid #5A55E0;"></div>
|
|
3715
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3716
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#5A55E0; margin-bottom:8px;">ppt-precision-fintech-deck</p>
|
|
3717
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Precision Fintech Deck</p>
|
|
3718
|
+
</div>
|
|
3719
|
+
</div>
|
|
3720
|
+
<div class="card-info">
|
|
3721
|
+
<div class="card-num">DD21 — DESIGN-DIVERSITY</div>
|
|
3722
|
+
<div class="card-title">Precision Fintech Deck</div>
|
|
3723
|
+
<div class="card-desc">푸른 회색 면 위 단일 인디고-바이올렛 강조색이 CTA·핵심 수치·차트를 모두 책임지는 절제된 핀테크 덱. 헤어라인 그리드와 면적 그래프의 에디토리얼 밀도.</div>
|
|
3724
|
+
<div class="tags"><span class="tag-pill">pastel · minimal-sans · asymmetric · airy · subtle</span></div>
|
|
3725
|
+
</div>
|
|
3726
|
+
</div>
|
|
3727
|
+
|
|
3728
|
+
<!-- DD22 ppt-engineered-dark-deck -->
|
|
3729
|
+
<div class="card">
|
|
3730
|
+
<div class="preview" style="background: #0E0E11; color: #9CA3AF; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3731
|
+
<div style="position:absolute; inset:18px; border:1px solid #8B7BF0;"></div>
|
|
3732
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#16161A; border-left:8px solid #8B7BF0;"></div>
|
|
3733
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3734
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#8B7BF0; margin-bottom:8px;">ppt-engineered-dark-deck</p>
|
|
3735
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#9CA3AF;">Engineered Dark Deck</p>
|
|
3736
|
+
</div>
|
|
3737
|
+
</div>
|
|
3738
|
+
<div class="card-info">
|
|
3739
|
+
<div class="card-num">DD22 — DESIGN-DIVERSITY</div>
|
|
3740
|
+
<div class="card-title">Engineered Dark Deck</div>
|
|
3741
|
+
<div class="card-desc">차콜 배경에 미세 라디얼 글로우 한 점, 중립 산세리프와 헤어라인 보더, 120~180ms 마이크로 모션의 정밀한 다크 SaaS 덱.</div>
|
|
3742
|
+
<div class="tags"><span class="tag-pill">dark · minimal-sans · centered · airy · snappy</span></div>
|
|
3743
|
+
</div>
|
|
3744
|
+
</div>
|
|
3745
|
+
|
|
3746
|
+
<!-- DD23 ppt-warm-hospitality-deck -->
|
|
3747
|
+
<div class="card">
|
|
3748
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3749
|
+
<div style="position:absolute; inset:18px; border:1px solid #F4625F;"></div>
|
|
3750
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FBF7F4; border-left:8px solid #F4625F;"></div>
|
|
3751
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3752
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#F4625F; margin-bottom:8px;">ppt-warm-hospitality-deck</p>
|
|
3753
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Warm Hospitality Deck</p>
|
|
3754
|
+
</div>
|
|
3755
|
+
</div>
|
|
3756
|
+
<div class="card-info">
|
|
3757
|
+
<div class="card-num">DD23 — DESIGN-DIVERSITY</div>
|
|
3758
|
+
<div class="card-title">Warm Hospitality Deck</div>
|
|
3759
|
+
<div class="card-desc">흰 캔버스에 단일 산호-레드 강조와 둥근 터미널 휴머니스트 산세리프, 풀블리드 라운드 코너 사진의 환대 미감 덱.</div>
|
|
3760
|
+
<div class="tags"><span class="tag-pill">earth · minimal-sans · full-bleed · airy · playful</span></div>
|
|
3761
|
+
</div>
|
|
3762
|
+
</div>
|
|
3763
|
+
|
|
3764
|
+
<!-- DD24 ppt-monochrome-infrastructure-deck -->
|
|
3765
|
+
<div class="card">
|
|
3766
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3767
|
+
<div style="position:absolute; inset:18px; border:1px solid #FFFFFF;"></div>
|
|
3768
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F2F2F2; border-left:8px solid #FFFFFF;"></div>
|
|
3769
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3770
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FFFFFF; margin-bottom:8px;">ppt-monochrome-infrastructure-deck</p>
|
|
3771
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Monochrome Infrastructure Deck</p>
|
|
3772
|
+
</div>
|
|
3773
|
+
</div>
|
|
3774
|
+
<div class="card-info">
|
|
3775
|
+
<div class="card-num">DD24 — DESIGN-DIVERSITY</div>
|
|
3776
|
+
<div class="card-title">Monochrome Infrastructure Deck</div>
|
|
3777
|
+
<div class="card-desc">순백·순흑만으로 환원한 인프라 덱 — 산세리프+모노 혼합, 1px 헤어라인 보더, 색이 아닌 굵기 대비로만 강조하는 도면 같은 정밀함.</div>
|
|
3778
|
+
<div class="tags"><span class="tag-pill">mono · mixed · strict-grid · balanced · subtle</span></div>
|
|
3779
|
+
</div>
|
|
3780
|
+
</div>
|
|
3781
|
+
|
|
3782
|
+
<!-- DD25 ppt-expressive-soundwave-deck -->
|
|
3783
|
+
<div class="card">
|
|
3784
|
+
<div class="preview" style="background: #121212; color: #E8E8E8; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3785
|
+
<div style="position:absolute; inset:18px; border:1px solid #FF6B4A;"></div>
|
|
3786
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1E1E1E; border-left:8px solid #FF6B4A;"></div>
|
|
3787
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3788
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FF6B4A; margin-bottom:8px;">ppt-expressive-soundwave-deck</p>
|
|
3789
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#E8E8E8;">Expressive Soundwave Deck</p>
|
|
3790
|
+
</div>
|
|
3791
|
+
</div>
|
|
3792
|
+
<div class="card-info">
|
|
3793
|
+
<div class="card-num">DD25 — DESIGN-DIVERSITY</div>
|
|
3794
|
+
<div class="card-title">Expressive Soundwave Deck</div>
|
|
3795
|
+
<div class="card-desc">다크 캔버스에 활기찬 듀오톤 그라디언트를 면적으로 깔고 초대형 와이드 디스플레이로 한 슬라이드 한 메시지를 외치는 표현적 덱.</div>
|
|
3796
|
+
<div class="tags"><span class="tag-pill">gradient · heavy-display · block-grid · balanced · playful</span></div>
|
|
3797
|
+
</div>
|
|
3798
|
+
</div>
|
|
3799
|
+
|
|
3800
|
+
<!-- DD26 ppt-editorial-product-deck -->
|
|
3801
|
+
<div class="card">
|
|
3802
|
+
<div class="preview" style="background: #F7F4EE; color: #1F1B16; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3803
|
+
<div style="position:absolute; inset:18px; border:1px solid #B5503A;"></div>
|
|
3804
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FCFAF5; border-left:8px solid #B5503A;"></div>
|
|
3805
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3806
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#B5503A; margin-bottom:8px;">ppt-editorial-product-deck</p>
|
|
3807
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1F1B16;">Editorial Product Deck</p>
|
|
3808
|
+
</div>
|
|
3809
|
+
</div>
|
|
3810
|
+
<div class="card-info">
|
|
3811
|
+
<div class="card-num">DD26 — DESIGN-DIVERSITY</div>
|
|
3812
|
+
<div class="card-title">Editorial Product Deck</div>
|
|
3813
|
+
<div class="card-desc">크림-아이보리 면에 잉크 블랙, 세리프 헤딩+산세리프 본문, 12열 엄격 그리드의 따뜻한 미니멀리즘 프로덕트 덱.</div>
|
|
3814
|
+
<div class="tags"><span class="tag-pill">earth · serif-editorial · strict-grid · balanced · none</span></div>
|
|
3815
|
+
</div>
|
|
3816
|
+
</div>
|
|
3817
|
+
|
|
3818
|
+
<!-- DD27 ppt-cinematic-keynote-deck -->
|
|
3819
|
+
<div class="card">
|
|
3820
|
+
<div class="preview" style="background: #000000; color: #F5F5F7; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3821
|
+
<div style="position:absolute; inset:18px; border:1px solid #E8B341;"></div>
|
|
3822
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#0E0E0E; border-left:8px solid #E8B341;"></div>
|
|
3823
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3824
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#E8B341; margin-bottom:8px;">ppt-cinematic-keynote-deck</p>
|
|
3825
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#F5F5F7;">Cinematic Keynote Deck</p>
|
|
3826
|
+
</div>
|
|
3827
|
+
</div>
|
|
3828
|
+
<div class="card-info">
|
|
3829
|
+
<div class="card-num">DD27 — DESIGN-DIVERSITY</div>
|
|
3830
|
+
<div class="card-title">Cinematic Keynote Deck</div>
|
|
3831
|
+
<div class="card-desc">순흑 무대 위 거대 키 비주얼 한 점과 최소 텍스트, 정연한 균형 리듬과 끝의 서머리 슬라이드를 가진 시네마틱 키노트 덱.</div>
|
|
3832
|
+
<div class="tags"><span class="tag-pill">dark · minimal-sans · full-bleed · balanced · subtle</span></div>
|
|
3833
|
+
</div>
|
|
3834
|
+
</div>
|
|
3835
|
+
|
|
3836
|
+
<!-- DD28 ppt-confident-color-block-deck -->
|
|
3837
|
+
<div class="card">
|
|
3838
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3839
|
+
<div style="position:absolute; inset:18px; border:1px solid #F0531C;"></div>
|
|
3840
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #F0531C;"></div>
|
|
3841
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3842
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#F0531C; margin-bottom:8px;">ppt-confident-color-block-deck</p>
|
|
3843
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Confident Color-Block Deck</p>
|
|
3844
|
+
</div>
|
|
3845
|
+
</div>
|
|
3846
|
+
<div class="card-info">
|
|
3847
|
+
<div class="card-num">DD28 — DESIGN-DIVERSITY</div>
|
|
3848
|
+
<div class="card-title">Confident Color-Block Deck</div>
|
|
3849
|
+
<div class="card-desc">흰 바탕에 큼직한 솔리드 컬러 블록(슬라이드당 1~2색)을 비대칭으로 깔고 화이트 헤비 산세리프를 얹는 자신감 있는 모던 피치 덱.</div>
|
|
3850
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · asymmetric · airy · snappy</span></div>
|
|
3851
|
+
</div>
|
|
3852
|
+
</div>
|
|
3853
|
+
|
|
3854
|
+
<!-- DD29 ppt-strategy-navy-deck -->
|
|
3855
|
+
<div class="card">
|
|
3856
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3857
|
+
<div style="position:absolute; inset:18px; border:1px solid #2563EB;"></div>
|
|
3858
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F1F4F9; border-left:8px solid #2563EB;"></div>
|
|
3859
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3860
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#2563EB; margin-bottom:8px;">ppt-strategy-navy-deck</p>
|
|
3861
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Strategy Navy Deck</p>
|
|
3862
|
+
</div>
|
|
3863
|
+
</div>
|
|
3864
|
+
<div class="card-info">
|
|
3865
|
+
<div class="card-num">DD29 — DESIGN-DIVERSITY</div>
|
|
3866
|
+
<div class="card-title">Strategy Navy Deck</div>
|
|
3867
|
+
<div class="card-desc">다층 블루 2색 시스템과 세리프 헤딩+산세리프 본문, 12열 그리드 위 액션 타이틀과 근거 모듈의 전략 컨설팅 덱.</div>
|
|
3868
|
+
<div class="tags"><span class="tag-pill">vivid-primary · mixed · strict-grid · dense · none</span></div>
|
|
3869
|
+
</div>
|
|
3870
|
+
</div>
|
|
3871
|
+
|
|
3872
|
+
<!-- DD30 ppt-heritage-luxury-deck -->
|
|
3873
|
+
<div class="card">
|
|
3874
|
+
<div class="preview" style="background: #EDE6D6; color: #3A2E1F; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3875
|
+
<div style="position:absolute; inset:18px; border:1px solid #A8893E;"></div>
|
|
3876
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F4EFE3; border-left:8px solid #A8893E;"></div>
|
|
3877
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3878
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#A8893E; margin-bottom:8px;">ppt-heritage-luxury-deck</p>
|
|
3879
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#3A2E1F;">Heritage Luxury Deck</p>
|
|
3880
|
+
</div>
|
|
3881
|
+
</div>
|
|
3882
|
+
<div class="card-info">
|
|
3883
|
+
<div class="card-num">DD30 — DESIGN-DIVERSITY</div>
|
|
3884
|
+
<div class="card-title">Heritage Luxury Deck</div>
|
|
3885
|
+
<div class="card-desc">세피아-샴페인 톤과 골드 헤어라인, 하이콘트라스트 디돈 세리프를 중앙에 앉힌 헤리티지·럭셔리 IR 덱.</div>
|
|
3886
|
+
<div class="tags"><span class="tag-pill">earth · serif-editorial · centered · balanced · subtle</span></div>
|
|
3887
|
+
</div>
|
|
3888
|
+
</div>
|
|
3889
|
+
|
|
3890
|
+
<!-- DD31 ppt-isometric-platform-deck -->
|
|
3891
|
+
<div class="card">
|
|
3892
|
+
<div class="preview" style="background: #EEF1F5; color: #1B2330; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3893
|
+
<div style="position:absolute; inset:18px; border:1px solid #3B6FE0;"></div>
|
|
3894
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #3B6FE0;"></div>
|
|
3895
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3896
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#3B6FE0; margin-bottom:8px;">ppt-isometric-platform-deck</p>
|
|
3897
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1B2330;">Isometric Platform Deck</p>
|
|
3898
|
+
</div>
|
|
3899
|
+
</div>
|
|
3900
|
+
<div class="card-info">
|
|
3901
|
+
<div class="card-num">DD31 — DESIGN-DIVERSITY</div>
|
|
3902
|
+
<div class="card-title">Isometric Platform Deck</div>
|
|
3903
|
+
<div class="card-desc">밝은 쿨그레이 캔버스 위 정사 아이소메트릭 투영의 입체 플랫폼·블록·계단 구조가 콘텐츠를 떠받치고, 코발트 명도 3단계로 입체면을 칠하며 평면 텍스트는 헤어라인 리더선으로 분리하는 입체 다이어그램 키트 덱.</div>
|
|
3904
|
+
<div class="tags"><span class="tag-pill">mono · minimal-sans · centered · airy · subtle</span></div>
|
|
3905
|
+
</div>
|
|
3906
|
+
</div>
|
|
3907
|
+
|
|
3908
|
+
<!-- DD32 ppt-mckinsey-ghost-deck -->
|
|
3909
|
+
<div class="card">
|
|
3910
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3911
|
+
<div style="position:absolute; inset:18px; border:1px solid #1F3A5F;"></div>
|
|
3912
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #1F3A5F;"></div>
|
|
3913
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3914
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#1F3A5F; margin-bottom:8px;">ppt-mckinsey-ghost-deck</p>
|
|
3915
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">MBB Ghost Deck Framework</p>
|
|
3916
|
+
</div>
|
|
3917
|
+
</div>
|
|
3918
|
+
<div class="card-info">
|
|
3919
|
+
<div class="card-num">DD32 — DESIGN-DIVERSITY</div>
|
|
3920
|
+
<div class="card-title">MBB Ghost Deck Framework</div>
|
|
3921
|
+
<div class="card-desc">순백 캔버스에 완결된 문장의 액션 타이틀과 슬레이트 그레이 본문, 색 대신 굵기로만 강조하는 MBB식 덱 — 워터폴·메코·2×2를 기본 다이어그램 어휘로 삼는다.</div>
|
|
3922
|
+
<div class="tags"><span class="tag-pill">mono · minimal-sans · asymmetric · balanced · none</span></div>
|
|
3923
|
+
</div>
|
|
3924
|
+
</div>
|
|
3925
|
+
|
|
3926
|
+
<!-- DD33 ppt-blueprint-schematic-deck -->
|
|
3927
|
+
<div class="card">
|
|
3928
|
+
<div class="preview" style="background: #0E1B3D; color: #E8EEF7; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3929
|
+
<div style="position:absolute; inset:18px; border:1px solid #4FC8E8;"></div>
|
|
3930
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#0E1B3D; border-left:8px solid #4FC8E8;"></div>
|
|
3931
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3932
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#4FC8E8; margin-bottom:8px;">ppt-blueprint-schematic-deck</p>
|
|
3933
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#E8EEF7;">Blueprint Schematic Deck</p>
|
|
3934
|
+
</div>
|
|
3935
|
+
</div>
|
|
3936
|
+
<div class="card-info">
|
|
3937
|
+
<div class="card-num">DD33 — DESIGN-DIVERSITY</div>
|
|
3938
|
+
<div class="card-title">Blueprint Schematic Deck</div>
|
|
3939
|
+
<div class="card-desc">딥 인디고-블루 배경에 1px 시안 도트 그리드를 청사진처럼 노출하고, 치수 보조선·인출선·단면 해치 등 제도 주석을 정보 장식으로 차용하는 라인 드로잉 다이어그램 덱.</div>
|
|
3940
|
+
<div class="tags"><span class="tag-pill">dark · mono · strict-grid · dense · none</span></div>
|
|
3941
|
+
</div>
|
|
3942
|
+
</div>
|
|
3943
|
+
|
|
3944
|
+
<!-- DD34 ppt-editorial-infographic-deck -->
|
|
3945
|
+
<div class="card">
|
|
3946
|
+
<div class="preview" style="background: #F6F3EC; color: #1C1A17; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3947
|
+
<div style="position:absolute; inset:18px; border:1px solid #B22B1F;"></div>
|
|
3948
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F6F3EC; border-left:8px solid #B22B1F;"></div>
|
|
3949
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3950
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#B22B1F; margin-bottom:8px;">ppt-editorial-infographic-deck</p>
|
|
3951
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1C1A17;">Editorial Infographic Deck</p>
|
|
3952
|
+
</div>
|
|
3953
|
+
</div>
|
|
3954
|
+
<div class="card-info">
|
|
3955
|
+
<div class="card-num">DD34 — DESIGN-DIVERSITY</div>
|
|
3956
|
+
<div class="card-title">Editorial Infographic Deck</div>
|
|
3957
|
+
<div class="card-desc">오프화이트 지면에 큰 세리프 헤드라인과 가는 룰 라인 구획, 잉크 레드 한 점으로 데이터를 신문·잡지 데이터 저널리즘처럼 읽히는 그래픽으로 조판하는 인포그래픽 덱.</div>
|
|
3958
|
+
<div class="tags"><span class="tag-pill">vivid-primary · serif-editorial · block-grid · balanced · none</span></div>
|
|
3959
|
+
</div>
|
|
3960
|
+
</div>
|
|
3961
|
+
|
|
3962
|
+
<!-- DD35 ppt-vivid-gradient-infographic-deck -->
|
|
3963
|
+
<div class="card">
|
|
3964
|
+
<div class="preview" style="background: #FBFAFE; color: #211B33; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3965
|
+
<div style="position:absolute; inset:18px; border:1px solid #7C3AED;"></div>
|
|
3966
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #7C3AED;"></div>
|
|
3967
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3968
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#7C3AED; margin-bottom:8px;">ppt-vivid-gradient-infographic-deck</p>
|
|
3969
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#211B33;">Vivid Gradient Infographic Deck</p>
|
|
3970
|
+
</div>
|
|
3971
|
+
</div>
|
|
3972
|
+
<div class="card-info">
|
|
3973
|
+
<div class="card-num">DD35 — DESIGN-DIVERSITY</div>
|
|
3974
|
+
<div class="card-title">Vivid Gradient Infographic Deck</div>
|
|
3975
|
+
<div class="card-desc">밝은 캔버스 위 채도 높은 듀오톤 그라디언트가 둥근 알약 노드·아이콘 칩·KPI 링을 채우는 VC 피치형 인포그래픽 키트 덱 — 모든 다이어그램 도형이 그라디언트 채움을 공유한다.</div>
|
|
3976
|
+
<div class="tags"><span class="tag-pill">gradient · heavy-display · block-grid · balanced · playful</span></div>
|
|
3977
|
+
</div>
|
|
3978
|
+
</div>
|
|
3979
|
+
|
|
3980
|
+
<!-- DD36 ppt-bold-block-infographic-deck -->
|
|
3981
|
+
<div class="card">
|
|
3982
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
3983
|
+
<div style="position:absolute; inset:18px; border:1px solid #2A2D34;"></div>
|
|
3984
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#2A2D34; border-left:8px solid #2A2D34;"></div>
|
|
3985
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
3986
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#2A2D34; margin-bottom:8px;">ppt-bold-block-infographic-deck</p>
|
|
3987
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">Bold Block Infographic Deck</p>
|
|
3988
|
+
</div>
|
|
3989
|
+
</div>
|
|
3990
|
+
<div class="card-info">
|
|
3991
|
+
<div class="card-num">DD36 — DESIGN-DIVERSITY</div>
|
|
3992
|
+
<div class="card-title">Bold Block Infographic Deck</div>
|
|
3993
|
+
<div class="card-desc">흰 바탕에 차콜·앰버·틸 3색 솔리드 컬러 블록이 노드·구간·셀이 되어 다이어그램 자체를 이루는, 보더 없는 단정한 평면 모더니즘 인포그래픽 덱.</div>
|
|
3994
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · block-grid · dense · none</span></div>
|
|
3995
|
+
</div>
|
|
3996
|
+
</div>
|
|
3997
|
+
|
|
3998
|
+
<!-- DD37 ppt-prismatic-dark-deck -->
|
|
3999
|
+
<div class="card">
|
|
4000
|
+
<div class="preview" style="background: #0B0E1A; color: #E8EAF0; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4001
|
+
<div style="position:absolute; inset:18px; border:1px solid #22D3EE;"></div>
|
|
4002
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#141A2E; border-left:8px solid #22D3EE;"></div>
|
|
4003
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4004
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#22D3EE; margin-bottom:8px;">ppt-prismatic-dark-deck</p>
|
|
4005
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#E8EAF0;">Prismatic Dark Diagram Deck</p>
|
|
4006
|
+
</div>
|
|
4007
|
+
</div>
|
|
4008
|
+
<div class="card-info">
|
|
4009
|
+
<div class="card-num">DD37 — DESIGN-DIVERSITY</div>
|
|
4010
|
+
<div class="card-title">Prismatic Dark Diagram Deck</div>
|
|
4011
|
+
<div class="card-desc">잉크 네이비-블랙 배경에 다이어그램 노드·라인이 시안→마젠타→앰버 프리즘 그라디언트로 발광하는 테크 컨퍼런스 키노트형 다이어그램 키트 덱.</div>
|
|
4012
|
+
<div class="tags"><span class="tag-pill">gradient · minimal-sans · full-bleed · balanced · snappy</span></div>
|
|
4013
|
+
</div>
|
|
4014
|
+
</div>
|
|
4015
|
+
|
|
4016
|
+
<!-- DD38 ppt-soft-pastel-system-deck -->
|
|
4017
|
+
<div class="card">
|
|
4018
|
+
<div class="preview" style="background: #FAF7F4; color: #3A3640; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4019
|
+
<div style="position:absolute; inset:18px; border:1px solid #C9BEEB;"></div>
|
|
4020
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #C9BEEB;"></div>
|
|
4021
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4022
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#C9BEEB; margin-bottom:8px;">ppt-soft-pastel-system-deck</p>
|
|
4023
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#3A3640;">Soft Pastel System Deck</p>
|
|
4024
|
+
</div>
|
|
4025
|
+
</div>
|
|
4026
|
+
<div class="card-info">
|
|
4027
|
+
<div class="card-num">DD38 — DESIGN-DIVERSITY</div>
|
|
4028
|
+
<div class="card-title">Soft Pastel System Deck</div>
|
|
4029
|
+
<div class="card-desc">오프화이트 캔버스에 라일락·민트·피치 파스텔 3색과 부드러운 멀티 섀도, 통통한 라운드 노드·카드로 다이어그램을 한 키트로 묶는 촉각적 소프트 UI 덱.</div>
|
|
4030
|
+
<div class="tags"><span class="tag-pill">pastel · minimal-sans · centered · balanced · snappy</span></div>
|
|
4031
|
+
</div>
|
|
4032
|
+
</div>
|
|
4033
|
+
|
|
4034
|
+
<!-- DD39 ppt-archival-index-deck -->
|
|
4035
|
+
<div class="card">
|
|
4036
|
+
<div class="preview" style="background: #EFE9DD; color: #33302A; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4037
|
+
<div style="position:absolute; inset:18px; border:1px solid #33302A;"></div>
|
|
4038
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F6F2E8; border-left:8px solid #33302A;"></div>
|
|
4039
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4040
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#33302A; margin-bottom:8px;">ppt-archival-index-deck</p>
|
|
4041
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#33302A;">Archival Index Deck</p>
|
|
4042
|
+
</div>
|
|
4043
|
+
</div>
|
|
4044
|
+
<div class="card-info">
|
|
4045
|
+
<div class="card-num">DD39 — DESIGN-DIVERSITY</div>
|
|
4046
|
+
<div class="card-title">Archival Index Deck</div>
|
|
4047
|
+
<div class="card-desc">종이빛 베이지 캔버스에 세리프+등폭 혼합, 도서관 카드·아카이브 대장처럼 모든 다이어그램을 번호·라벨·룰 라인으로 색인하는 학술 리서치 카탈로그 키트 덱.</div>
|
|
4048
|
+
<div class="tags"><span class="tag-pill">mono · mixed · strict-grid · dense · none</span></div>
|
|
4049
|
+
</div>
|
|
4050
|
+
</div>
|
|
4051
|
+
|
|
4052
|
+
<!-- DD40 ppt-warm-minimal-diagram-deck -->
|
|
4053
|
+
<div class="card">
|
|
4054
|
+
<div class="preview" style="background: #F2EBDF; color: #3D3528; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4055
|
+
<div style="position:absolute; inset:18px; border:1px solid #C2693F;"></div>
|
|
4056
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FBF7EF; border-left:8px solid #C2693F;"></div>
|
|
4057
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4058
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#C2693F; margin-bottom:8px;">ppt-warm-minimal-diagram-deck</p>
|
|
4059
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#3D3528;">Warm Minimal Diagram Deck</p>
|
|
4060
|
+
</div>
|
|
4061
|
+
</div>
|
|
4062
|
+
<div class="card-info">
|
|
4063
|
+
<div class="card-num">DD40 — DESIGN-DIVERSITY</div>
|
|
4064
|
+
<div class="card-title">Warm Minimal Diagram Deck</div>
|
|
4065
|
+
<div class="card-desc">따뜻한 샌드-아이보리 캔버스에 잉크 브라운 본문과 단일 테라코타 강조, 가는 1pt 라인 다이어그램과 넉넉한 여백의 부드럽고 절제된 따뜻한 미니멀 다이어그램 키트 덱.</div>
|
|
4066
|
+
<div class="tags"><span class="tag-pill">earth · minimal-sans · centered · airy · none</span></div>
|
|
4067
|
+
</div>
|
|
4068
|
+
</div>
|
|
4069
|
+
|
|
4070
|
+
<!-- DD41 ppt-bcg-exhibit-deck -->
|
|
4071
|
+
<div class="card">
|
|
4072
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4073
|
+
<div style="position:absolute; inset:18px; border:1px solid #177B57;"></div>
|
|
4074
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F2F4F3; border-left:8px solid #177B57;"></div>
|
|
4075
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4076
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#177B57; margin-bottom:8px;">ppt-bcg-exhibit-deck</p>
|
|
4077
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">BCG 익스히빗 덱</p>
|
|
4078
|
+
</div>
|
|
4079
|
+
</div>
|
|
4080
|
+
<div class="card-info">
|
|
4081
|
+
<div class="card-num">DD41 — DESIGN-DIVERSITY</div>
|
|
4082
|
+
<div class="card-title">BCG 익스히빗 덱</div>
|
|
4083
|
+
<div class="card-desc">모든 슬라이드가 좌상단 `Exhibit N.N` 번호를 달고 헤더는 answer-first 결론 문장을 진술하며 하단에 Source 각주 라인이 깔리는, BCG 그린 단색 강조의 근거 중심 컨설팅 덱.</div>
|
|
4084
|
+
<div class="tags"><span class="tag-pill">vivid-primary · minimal-sans · strict-grid · balanced · subtle</span></div>
|
|
4085
|
+
</div>
|
|
4086
|
+
</div>
|
|
4087
|
+
|
|
4088
|
+
<!-- DD42 ppt-bain-results-deck -->
|
|
4089
|
+
<div class="card">
|
|
4090
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4091
|
+
<div style="position:absolute; inset:18px; border:1px solid #CC0000;"></div>
|
|
4092
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F4F5F6; border-left:8px solid #CC0000;"></div>
|
|
4093
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4094
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#CC0000; margin-bottom:8px;">ppt-bain-results-deck</p>
|
|
4095
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">베인 리절츠 덱</p>
|
|
4096
|
+
</div>
|
|
4097
|
+
</div>
|
|
4098
|
+
<div class="card-info">
|
|
4099
|
+
<div class="card-num">DD42 — DESIGN-DIVERSITY</div>
|
|
4100
|
+
<div class="card-title">베인 리절츠 덱</div>
|
|
4101
|
+
<div class="card-desc">슬라이드 중앙 상단에 거대 결과 메트릭 한 점(+34%·2.7×)이 지배하고 아래 작은 캡션이 맥락을 다는, 베인 레드 단색 강조·중앙 정렬 단일 축의 results-first 컨설팅 덱.</div>
|
|
4102
|
+
<div class="tags"><span class="tag-pill">vivid-primary · minimal-sans · centered · balanced · none</span></div>
|
|
4103
|
+
</div>
|
|
4104
|
+
</div>
|
|
4105
|
+
|
|
4106
|
+
<!-- DD43 ppt-goldman-ir-deck -->
|
|
4107
|
+
<div class="card">
|
|
4108
|
+
<div class="preview" style="background: #0A1A33; color: #E8E5DE; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4109
|
+
<div style="position:absolute; inset:18px; border:1px solid #C8A24B;"></div>
|
|
4110
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1F3A5F; border-left:8px solid #C8A24B;"></div>
|
|
4111
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4112
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#C8A24B; margin-bottom:8px;">ppt-goldman-ir-deck</p>
|
|
4113
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#E8E5DE;">골드만 IR 덱</p>
|
|
4114
|
+
</div>
|
|
4115
|
+
</div>
|
|
4116
|
+
<div class="card-info">
|
|
4117
|
+
<div class="card-num">DD43 — DESIGN-DIVERSITY</div>
|
|
4118
|
+
<div class="card-title">골드만 IR 덱</div>
|
|
4119
|
+
<div class="card-desc">딥 네이비 전면 페이지에 메탈릭 골드 0.5pt 헤어라인이 헤더·섹션·표를 구획하고 트랜지셔널 세리프 헤딩과 등폭 재무 표가 권위를 만드는, 디스클레이머 풋라인 의무의 투자은행 IR 덱.</div>
|
|
4120
|
+
<div class="tags"><span class="tag-pill">dark · serif-editorial · strict-grid · balanced · subtle</span></div>
|
|
4121
|
+
</div>
|
|
4122
|
+
</div>
|
|
4123
|
+
|
|
4124
|
+
<!-- DD44 ppt-every-golden-grid-keynote -->
|
|
4125
|
+
<div class="card">
|
|
4126
|
+
<div class="preview" style="background: #FAFAF8; color: #161616; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4127
|
+
<div style="position:absolute; inset:18px; border:1px solid #B5A642;"></div>
|
|
4128
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #B5A642;"></div>
|
|
4129
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4130
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#B5A642; margin-bottom:8px;">ppt-every-golden-grid-keynote</p>
|
|
4131
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#161616;">Every 골든 그리드 키노트</p>
|
|
4132
|
+
</div>
|
|
4133
|
+
</div>
|
|
4134
|
+
<div class="card-info">
|
|
4135
|
+
<div class="card-num">DD44 — DESIGN-DIVERSITY</div>
|
|
4136
|
+
<div class="card-title">Every 골든 그리드 키노트</div>
|
|
4137
|
+
<div class="card-desc">황금비(1:1.618)로 분할된 그리드가 모든 슬라이드의 골격이고 이미지 블록·텍스트 컬럼·여백·폰트 크기까지 전부 황금 스케일을 따르는, 무채색 + muted gold 한 점의 비례 일관성 미니멀 키노트.</div>
|
|
4138
|
+
<div class="tags"><span class="tag-pill">mono · minimal-sans · block-grid · balanced · subtle</span></div>
|
|
4139
|
+
</div>
|
|
4140
|
+
</div>
|
|
4141
|
+
|
|
4142
|
+
<!-- DD45 ppt-pattern-bold-poster-keynote -->
|
|
4143
|
+
<div class="card">
|
|
4144
|
+
<div class="preview" style="background: #1F3DFF; color: #FFFFFF; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4145
|
+
<div style="position:absolute; inset:18px; border:1px solid #FF4D2E;"></div>
|
|
4146
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #FF4D2E;"></div>
|
|
4147
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4148
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FF4D2E; margin-bottom:8px;">ppt-pattern-bold-poster-keynote</p>
|
|
4149
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#FFFFFF;">Pattern 볼드 포스터 키노트</p>
|
|
4150
|
+
</div>
|
|
4151
|
+
</div>
|
|
4152
|
+
<div class="card-info">
|
|
4153
|
+
<div class="card-num">DD45 — DESIGN-DIVERSITY</div>
|
|
4154
|
+
<div class="card-title">Pattern 볼드 포스터 키노트</div>
|
|
4155
|
+
<div class="card-desc">슬라이드 전면을 채도 높은 단색 한 가지로 도배하고 그 위에 거대한 굵은 산세리프 헤드라인을 포스터처럼 앉히는, 컴포넌트 최소·정적인 키노트. 색이 페이지를 정의하고 타이포가 이미지를 대신한다.</div>
|
|
4156
|
+
<div class="tags"><span class="tag-pill">vivid-primary · heavy-display · full-bleed · airy · none</span></div>
|
|
4157
|
+
</div>
|
|
4158
|
+
</div>
|
|
4159
|
+
|
|
4160
|
+
<!-- DD46 ppt-altezza-ultramodern-keynote -->
|
|
4161
|
+
<div class="card">
|
|
4162
|
+
<div class="preview" style="background: #13141A; color: #F4F4F6; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4163
|
+
<div style="position:absolute; inset:18px; border:1px solid #2EE6A6;"></div>
|
|
4164
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#3A3C46; border-left:8px solid #2EE6A6;"></div>
|
|
4165
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4166
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#2EE6A6; margin-bottom:8px;">ppt-altezza-ultramodern-keynote</p>
|
|
4167
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#F4F4F6;">Altezza 울트라모던 키노트</p>
|
|
4168
|
+
</div>
|
|
4169
|
+
</div>
|
|
4170
|
+
<div class="card-info">
|
|
4171
|
+
<div class="card-num">DD46 — DESIGN-DIVERSITY</div>
|
|
4172
|
+
<div class="card-title">Altezza 울트라모던 키노트</div>
|
|
4173
|
+
<div class="card-desc">사진·컬러 면을 각진 사선 클립 마스크(12~18°)로 잘라 동적 긴장을 만들고 거대 산세리프 헤드라인과 얇은 라벨이 강하게 대비하는, near-black + electric mint 한 점의 빽빽한 다크 에이전시 키노트.</div>
|
|
4174
|
+
<div class="tags"><span class="tag-pill">dark · heavy-display · asymmetric · dense · snappy</span></div>
|
|
4175
|
+
</div>
|
|
4176
|
+
</div>
|
|
4177
|
+
|
|
4178
|
+
<!-- DD47 ppt-kula-minimalist-keynote -->
|
|
4179
|
+
<div class="card">
|
|
4180
|
+
<div class="preview" style="background: #EDE8E0; color: #4A4540; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4181
|
+
<div style="position:absolute; inset:18px; border:1px solid #B79B86;"></div>
|
|
4182
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #B79B86;"></div>
|
|
4183
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4184
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#B79B86; margin-bottom:8px;">ppt-kula-minimalist-keynote</p>
|
|
4185
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#4A4540;">Kula 미니멀리스트 키노트</p>
|
|
4186
|
+
</div>
|
|
4187
|
+
</div>
|
|
4188
|
+
<div class="card-info">
|
|
4189
|
+
<div class="card-num">DD47 — DESIGN-DIVERSITY</div>
|
|
4190
|
+
<div class="card-title">Kula 미니멀리스트 키노트</div>
|
|
4191
|
+
<div class="card-desc">따뜻한 샌드 배경에 둥근 모서리(16~24px) 이미지 프레임이 모듈러 블록 그리드로 정렬되고 작은 산세리프 캡션이 도록처럼 단정한, 더스티 뉴트럴 톤·dusty clay 한 점의 차분한 룩북 키노트.</div>
|
|
4192
|
+
<div class="tags"><span class="tag-pill">earth · minimal-sans · block-grid · airy · subtle</span></div>
|
|
4193
|
+
</div>
|
|
4194
|
+
</div>
|
|
4195
|
+
|
|
4196
|
+
<!-- DD48 ppt-epoch-premium-keynote -->
|
|
4197
|
+
<div class="card">
|
|
4198
|
+
<div class="preview" style="background: #1A1E26; color: #E6E8EC; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4199
|
+
<div style="position:absolute; inset:18px; border:1px solid #7FA9C9;"></div>
|
|
4200
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#2C313B; border-left:8px solid #7FA9C9;"></div>
|
|
4201
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4202
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#7FA9C9; margin-bottom:8px;">ppt-epoch-premium-keynote</p>
|
|
4203
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#E6E8EC;">Epoch 프리미엄 키노트</p>
|
|
4204
|
+
</div>
|
|
4205
|
+
</div>
|
|
4206
|
+
<div class="card-info">
|
|
4207
|
+
<div class="card-num">DD48 — DESIGN-DIVERSITY</div>
|
|
4208
|
+
<div class="card-title">Epoch 프리미엄 키노트</div>
|
|
4209
|
+
<div class="card-desc">차분한 딥 슬레이트 배경에 가는 세리프 헤딩과 산세리프 본문을 혼합하고 1pt 룰 라인이 콘텐츠를 정연히 구획하는, cool steel 한 점의 차갑고 정제된 하이엔드 코퍼레이트 키노트.</div>
|
|
4210
|
+
<div class="tags"><span class="tag-pill">dark · mixed · centered · balanced · subtle</span></div>
|
|
4211
|
+
</div>
|
|
4212
|
+
</div>
|
|
4213
|
+
|
|
4214
|
+
<!-- DD49 ppt-folio-portfolio-keynote -->
|
|
4215
|
+
<div class="card">
|
|
4216
|
+
<div class="preview" style="background: #F7F7F5; color: #141414; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4217
|
+
<div style="position:absolute; inset:18px; border:1px solid #FF5C35;"></div>
|
|
4218
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #FF5C35;"></div>
|
|
4219
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4220
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FF5C35; margin-bottom:8px;">ppt-folio-portfolio-keynote</p>
|
|
4221
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#141414;">Folio 포트폴리오 키노트</p>
|
|
4222
|
+
</div>
|
|
4223
|
+
</div>
|
|
4224
|
+
<div class="card-info">
|
|
4225
|
+
<div class="card-num">DD49 — DESIGN-DIVERSITY</div>
|
|
4226
|
+
<div class="card-title">Folio 포트폴리오 키노트</div>
|
|
4227
|
+
<div class="card-desc">슬라이드 한쪽을 큰 직사각 작품 이미지가 채우고 반대쪽에 거대 인덱스 번호(01·02… 120~160px)와 짧은 케이스 캡션이 비대칭으로 앉는, coral 한 점의 크리에이티브 포트폴리오 케이스 스터디 키노트.</div>
|
|
4228
|
+
<div class="tags"><span class="tag-pill">vivid-primary · minimal-sans · asymmetric · balanced · playful</span></div>
|
|
4229
|
+
</div>
|
|
4230
|
+
</div>
|
|
4231
|
+
|
|
4232
|
+
<!-- DD50 ppt-dark-luxury-keynote -->
|
|
4233
|
+
<div class="card">
|
|
4234
|
+
<div class="preview" style="background: #0B0B0C; color: #EDEAE3; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4235
|
+
<div style="position:absolute; inset:18px; border:1px solid #C9A36A;"></div>
|
|
4236
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1A1A1C; border-left:8px solid #C9A36A;"></div>
|
|
4237
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4238
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#C9A36A; margin-bottom:8px;">ppt-dark-luxury-keynote</p>
|
|
4239
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#EDEAE3;">다크 럭셔리 키노트</p>
|
|
4240
|
+
</div>
|
|
4241
|
+
</div>
|
|
4242
|
+
<div class="card-info">
|
|
4243
|
+
<div class="card-num">DD50 — DESIGN-DIVERSITY</div>
|
|
4244
|
+
<div class="card-title">다크 럭셔리 키노트</div>
|
|
4245
|
+
<div class="card-desc">거의 순흑 무대에 풀블리드 제품/라이프스타일 사진이 떠 있고 샴페인 골드 0.5pt 헤어라인 프레임이 사진·텍스트 군집을 절제되게 두르며 넓은 자간의 가는 디스플레이 세리프 라벨이 럭셔리를 만드는 다크 키노트.</div>
|
|
4246
|
+
<div class="tags"><span class="tag-pill">dark · serif-editorial · full-bleed · airy · subtle</span></div>
|
|
4247
|
+
</div>
|
|
4248
|
+
</div>
|
|
4249
|
+
|
|
4250
|
+
<!-- DD51 ppt-samsung-ir-restrained -->
|
|
4251
|
+
<div class="card">
|
|
4252
|
+
<div class="preview" style="background: #111118; color: #f0f0f5; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4253
|
+
<div style="position:absolute; inset:18px; border:1px solid #0028A8;"></div>
|
|
4254
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #0028A8;"></div>
|
|
4255
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4256
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#0028A8; margin-bottom:8px;">ppt-samsung-ir-restrained</p>
|
|
4257
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#f0f0f5;">삼성전자 IR 절제</p>
|
|
4258
|
+
</div>
|
|
4259
|
+
</div>
|
|
4260
|
+
<div class="card-info">
|
|
4261
|
+
<div class="card-num">DD51 — DESIGN-DIVERSITY</div>
|
|
4262
|
+
<div class="card-title">삼성전자 IR 절제</div>
|
|
4263
|
+
<div class="card-desc">삼성·LG 같은 글로벌 대기업이 분기 실적을 발표할 때 쓰는 영문 IR 자료 스타일. 강조는 진한 파랑 한 가지뿐, 표는 가로 줄 한 줄로 정리, 차트는 깨끗한 흰 배경에 막대 두 가지 색만. 화려하지 않으면서 격조 있게 보이는 보수적 톤 — 분기·연간 실적 보고, 글로벌 투자자 대상 IR에 어울립니다.</div>
|
|
4264
|
+
<div class="tags"><span class="tag-pill">vivid-primary · minimal-sans · asymmetric-content-driven · balanced · subtle</span></div>
|
|
4265
|
+
</div>
|
|
4266
|
+
</div>
|
|
4267
|
+
|
|
4268
|
+
<!-- DD52 ppt-skt-interactive-ai-pyramid -->
|
|
4269
|
+
<div class="card">
|
|
4270
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4271
|
+
<div style="position:absolute; inset:18px; border:1px solid #0023C3;"></div>
|
|
4272
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#E4EEFB; border-left:8px solid #0023C3;"></div>
|
|
4273
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4274
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#0023C3; margin-bottom:8px;">ppt-skt-interactive-ai-pyramid</p>
|
|
4275
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">SKT 인터랙티브 AI 피라미드</p>
|
|
4276
|
+
</div>
|
|
4277
|
+
</div>
|
|
4278
|
+
<div class="card-info">
|
|
4279
|
+
<div class="card-num">DD52 — DESIGN-DIVERSITY</div>
|
|
4280
|
+
<div class="card-title">SKT 인터랙티브 AI 피라미드</div>
|
|
4281
|
+
<div class="card-desc">SK텔레콤 2024 연간보고서처럼 별빛 표지에 큰 영문 슬로건과 입체 피라미드 다이어그램이 시그니처. 짙은 보라색 한 가지로 통일하고 위에 PDF 탭 메뉴가 떠있는 인터랙티브 보고서 미감 — AI·테크 기업의 비전 발표, 통합보고서, 전략 키노트에 어울립니다.</div>
|
|
4282
|
+
<div class="tags"><span class="tag-pill">monochrome-blue · thin-display · asymmetric-content-driven · balanced-with-whitespace · subtle</span></div>
|
|
4283
|
+
</div>
|
|
4284
|
+
</div>
|
|
4285
|
+
|
|
4286
|
+
<!-- DD53 ppt-hyundai-cinematic-investor-day -->
|
|
4287
|
+
<div class="card">
|
|
4288
|
+
<div class="preview" style="background: #101030; color: #FFFFFF; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4289
|
+
<div style="position:absolute; inset:18px; border:1px solid #66FFFF;"></div>
|
|
4290
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#14274A; border-left:8px solid #66FFFF;"></div>
|
|
4291
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4292
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#66FFFF; margin-bottom:8px;">ppt-hyundai-cinematic-investor-day</p>
|
|
4293
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#FFFFFF;">현대차 시네마틱 인베스터데이</p>
|
|
4294
|
+
</div>
|
|
4295
|
+
</div>
|
|
4296
|
+
<div class="card-info">
|
|
4297
|
+
<div class="card-num">DD53 — DESIGN-DIVERSITY</div>
|
|
4298
|
+
<div class="card-title">현대차 시네마틱 인베스터데이</div>
|
|
4299
|
+
<div class="card-desc">현대차 인베스터데이처럼 다크 네이비 무대에 미래적 사이안 라인이 흐르는 컨퍼런스 키노트 톤. 거대한 흰색 숫자, ∞ 모양 컨셉 다이어그램, 7장 카드에 큰 사이안 숫자가 박힌 양식 — AI·EV·미래 모빌리티·신사업 발표, 테크 컨퍼런스 키노트에 어울립니다.</div>
|
|
4300
|
+
<div class="tags"><span class="tag-pill">dark · heavy-display · full-bleed · balanced · subtle</span></div>
|
|
4301
|
+
</div>
|
|
4302
|
+
</div>
|
|
4303
|
+
|
|
4304
|
+
<!-- DD54 ppt-naver-integrated-report-award -->
|
|
4305
|
+
<div class="card">
|
|
4306
|
+
<div class="preview" style="background: #FFFFFF; color: #111118; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4307
|
+
<div style="position:absolute; inset:18px; border:1px solid #03C75A;"></div>
|
|
4308
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#F5F5F5; border-left:8px solid #03C75A;"></div>
|
|
4309
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4310
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#03C75A; margin-bottom:8px;">ppt-naver-integrated-report-award</p>
|
|
4311
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#111118;">네이버 통합보고서 어워드</p>
|
|
4312
|
+
</div>
|
|
4313
|
+
</div>
|
|
4314
|
+
<div class="card-info">
|
|
4315
|
+
<div class="card-num">DD54 — DESIGN-DIVERSITY</div>
|
|
4316
|
+
<div class="card-title">네이버 통합보고서 어워드</div>
|
|
4317
|
+
<div class="card-desc">네이버 2024 통합보고서(iF Design Award 수상작) 스타일. 페이지 가득 채우는 큰 영문 디스플레이 글씨, 부드러운 그린 안개 그라디언트, 5개 사업부문이 각자 색을 갖는 카드, 한국식 숫자+단위 표기('4천 8백만 명') — 어워드급 디자인이 필요한 통합보고서·ESG 리포트·연간 리뷰에 어울립니다.</div>
|
|
4318
|
+
<div class="tags"><span class="tag-pill">multi-segment-signature · giant-display-sans · data-card-grid · dual-mode-breath · subtle</span></div>
|
|
4319
|
+
</div>
|
|
4320
|
+
</div>
|
|
4321
|
+
|
|
4322
|
+
<!-- DD55 ppt-kakao-friendly-card-news -->
|
|
4323
|
+
<div class="card">
|
|
4324
|
+
<div class="preview" style="background: #F2F2F2; color: #000000; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4325
|
+
<div style="position:absolute; inset:18px; border:1px solid #FBE100;"></div>
|
|
4326
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #FBE100;"></div>
|
|
4327
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4328
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#FBE100; margin-bottom:8px;">ppt-kakao-friendly-card-news</p>
|
|
4329
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#000000;">카카오 1Q26 보수 IR</p>
|
|
4330
|
+
</div>
|
|
4331
|
+
</div>
|
|
4332
|
+
<div class="card-info">
|
|
4333
|
+
<div class="card-num">DD55 — DESIGN-DIVERSITY</div>
|
|
4334
|
+
<div class="card-title">카카오 1Q26 보수 IR</div>
|
|
4335
|
+
<div class="card-desc">카카오 분기 실적발표 스타일. 회색 배경에 옐로우 강조 한두 점, 좌측 끝에 반쪽 알약 타이틀, 분기 비교 표에 1분기 칸을 빨강 네모로 둘러싼 IR 분석가 데크 — 보수적 톤의 분기·연간 실적 발표, 테크 기업 IR에 어울립니다.</div>
|
|
4336
|
+
<div class="tags"><span class="tag-pill">accent-signal · humanist-sans · strict-grid · balanced · subtle</span></div>
|
|
4337
|
+
</div>
|
|
4338
|
+
</div>
|
|
4339
|
+
|
|
4340
|
+
<!-- DD56 ppt-motie-slogan-infographic -->
|
|
4341
|
+
<div class="card">
|
|
4342
|
+
<div class="preview" style="background: #111118; color: #f0f0f5; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4343
|
+
<div style="position:absolute; inset:18px; border:1px solid #001838;"></div>
|
|
4344
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #001838;"></div>
|
|
4345
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4346
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#001838; margin-bottom:8px;">ppt-motie-slogan-infographic</p>
|
|
4347
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#f0f0f5;">산업통상부 슬로건 캘리그래피</p>
|
|
4348
|
+
</div>
|
|
4349
|
+
</div>
|
|
4350
|
+
<div class="card-info">
|
|
4351
|
+
<div class="card-num">DD56 — DESIGN-DIVERSITY</div>
|
|
4352
|
+
<div class="card-title">산업통상부 슬로건 캘리그래피</div>
|
|
4353
|
+
<div class="card-desc">한국 정부 부처 업무보고 톤. 거대한 한글 캘리그래피 손글씨 슬로건이 풀스크린으로 박히고, 한반도·세계지도 인포그래픽과 영웅 실루엣(이순신 등), 시안+옐로그린 빛이 흐르는 다이어그램이 등장. 차트·표 없이 큰 숫자 카드만 — 정부·공공·정책 비전 발표, 국가 전략 보고에 어울립니다.</div>
|
|
4354
|
+
<div class="tags"><span class="tag-pill">navy-mono-with-gold-cyan-accent · slogan-calligraphy-driven · asymmetric-card-grid + photo-fullscreen + map-pin-infographic · generous-breathing-slogan-dominant · none</span></div>
|
|
4355
|
+
</div>
|
|
4356
|
+
</div>
|
|
4357
|
+
|
|
4358
|
+
<!-- DD57 ppt-msit-ai-three-powers -->
|
|
4359
|
+
<div class="card">
|
|
4360
|
+
<div class="preview" style="background: #E7F1FA; color: #1C2848; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4361
|
+
<div style="position:absolute; inset:18px; border:1px solid #002060;"></div>
|
|
4362
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#FFFFFF; border-left:8px solid #002060;"></div>
|
|
4363
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4364
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#002060; margin-bottom:8px;">ppt-msit-ai-three-powers</p>
|
|
4365
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#1C2848;">과기정통부 정통 정부 라이트</p>
|
|
4366
|
+
</div>
|
|
4367
|
+
</div>
|
|
4368
|
+
<div class="card-info">
|
|
4369
|
+
<div class="card-num">DD57 — DESIGN-DIVERSITY</div>
|
|
4370
|
+
<div class="card-title">과기정통부 정통 정부 라이트</div>
|
|
4371
|
+
<div class="card-desc">한국 정부 부처 업무보고의 정통 라이트 톤. 옅은 하늘색 배경에 진한 네이비 글씨, 페이지 하단에 네이비 띠로 핵심 키워드 노출, 중앙 부처를 둘러싼 위성 노드의 거버넌스 다이어그램이 클라이맥스 — 정부·공공 정책 보고, 부처 업무계획, 행정 발표에 어울립니다.</div>
|
|
4372
|
+
<div class="tags"><span class="tag-pill">light-navy-pale-blue · pretendard-balanced · asymmetric-2col-with-ribbon · balanced · none</span></div>
|
|
4373
|
+
</div>
|
|
4374
|
+
</div>
|
|
4375
|
+
|
|
4376
|
+
<!-- DD58 ppt-moef-fiscal-blue -->
|
|
4377
|
+
<div class="card">
|
|
4378
|
+
<div class="preview" style="background: #111118; color: #0D1627; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4379
|
+
<div style="position:absolute; inset:18px; border:1px solid #05091A;"></div>
|
|
4380
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #05091A;"></div>
|
|
4381
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4382
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#05091A; margin-bottom:8px;">ppt-moef-fiscal-blue</p>
|
|
4383
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#0D1627;">기획재정부 시네마틱 브리핑</p>
|
|
4384
|
+
</div>
|
|
4385
|
+
</div>
|
|
4386
|
+
<div class="card-info">
|
|
4387
|
+
<div class="card-num">DD58 — DESIGN-DIVERSITY</div>
|
|
4388
|
+
<div class="card-title">기획재정부 시네마틱 브리핑</div>
|
|
4389
|
+
<div class="card-desc">한국 기획재정부 업무보고처럼 다크 네이비 표지·구분면과 오프화이트 본문이 교차하는 시네마틱 정부 브리핑 톤. 매 페이지마다 핵심 단어 1~3글자에 노란 형광펜을 그어 강조하고, 가로 화살표 리본·라인 차트·거대 원 다이어그램이 시그니처 — 정부 거시 정책 발표, 경제 전망, 예산 브리핑에 어울립니다.</div>
|
|
4390
|
+
<div class="tags"><span class="tag-pill">multi · mixed · hybrid · medium · minimal</span></div>
|
|
4391
|
+
</div>
|
|
4392
|
+
</div>
|
|
4393
|
+
|
|
4394
|
+
<!-- DD59 ppt-mcst-k-culture -->
|
|
4395
|
+
<div class="card">
|
|
4396
|
+
<div class="preview" style="background: #111118; color: #f0f0f5; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4397
|
+
<div style="position:absolute; inset:18px; border:1px solid #EEF2F7;"></div>
|
|
4398
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #EEF2F7;"></div>
|
|
4399
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4400
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#EEF2F7; margin-bottom:8px;">ppt-mcst-k-culture</p>
|
|
4401
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#f0f0f5;">문체부 K-컬처 라벤더</p>
|
|
4402
|
+
</div>
|
|
4403
|
+
</div>
|
|
4404
|
+
<div class="card-info">
|
|
4405
|
+
<div class="card-num">DD59 — DESIGN-DIVERSITY</div>
|
|
4406
|
+
<div class="card-title">문체부 K-컬처 라벤더</div>
|
|
4407
|
+
<div class="card-desc">한국 문화체육관광부 K-컬처 업무보고 톤. 옅은 라벤더 강조점과 한지·한복 갈색 라벨, 풀-블리드 라벤더 베일이 깔린 섹션 표지, ▶▶ 갈매기 화살표 불릿이 시그니처 — 문화·예술·관광 정책 발표, K-콘텐츠 비전, 문화 산업 보고에 어울립니다.</div>
|
|
4408
|
+
<div class="tags"><span class="tag-pill">pastel-accent · mixed · hybrid · medium · static</span></div>
|
|
4409
|
+
</div>
|
|
4410
|
+
</div>
|
|
4411
|
+
|
|
4412
|
+
<!-- DD60 ppt-unikorea-peace-coexistence -->
|
|
4413
|
+
<div class="card">
|
|
4414
|
+
<div class="preview" style="background: #050829; color: #f0f0f5; align-items: stretch; justify-content: stretch; padding: 18px;">
|
|
4415
|
+
<div style="position:absolute; inset:18px; border:1px solid #001B4A;"></div>
|
|
4416
|
+
<div style="position:absolute; right:22px; top:22px; width:76px; height:76px; background:#1e1e2e; border-left:8px solid #001B4A;"></div>
|
|
4417
|
+
<div style="position:absolute; left:22px; bottom:22px; right:22px;">
|
|
4418
|
+
<p style="font-family:'Space Mono', monospace; font-size:10px; letter-spacing:2px; color:#001B4A; margin-bottom:8px;">ppt-unikorea-peace-coexistence</p>
|
|
4419
|
+
<p style="font-weight:900; font-size:22px; line-height:1.15; color:#f0f0f5;">통일부 한반도 평화공존</p>
|
|
4420
|
+
</div>
|
|
4421
|
+
</div>
|
|
4422
|
+
<div class="card-info">
|
|
4423
|
+
<div class="card-num">DD60 — DESIGN-DIVERSITY</div>
|
|
4424
|
+
<div class="card-title">통일부 한반도 평화공존</div>
|
|
4425
|
+
<div class="card-desc">한국 통일부 한반도 평화공존 업무보고 톤. 다크 네이비 풀-블리드 위에 흰 카드가 떠있고, 표지와 종결 페이지에 한반도 발광 지도(북측 레드 글로우 / 남측 시안 글로우)가 거울처럼 박힌 북엔드 모티프 — 외교·통일·평화·국제관계 정책 발표, 정상회담 자료에 어울립니다.</div>
|
|
4426
|
+
<div class="tags"><span class="tag-pill">dark · mixed · strict-grid · balanced · subtle</span></div>
|
|
4427
|
+
</div>
|
|
4428
|
+
</div>
|
|
4429
|
+
|
|
3348
4430
|
</div>
|
|
3349
4431
|
|
|
3350
4432
|
<footer>
|
|
3351
|
-
<p>Styles 01–30 derived from <a href="https://github.com/corazzon/pptx-design-styles" target="_blank" style="color: var(--accent); text-decoration: none;">corazzon/pptx-design-styles</a> (MIT). Styles 31–35 are slides-grab originals.</p>
|
|
4433
|
+
<p>Styles 01–30 derived from <a href="https://github.com/corazzon/pptx-design-styles" target="_blank" style="color: var(--accent); text-decoration: none;">corazzon/pptx-design-styles</a> (MIT). Styles 31–35 are slides-grab originals. Styles DD01–DD60 are derived from <a href="https://github.com/epoko77-ai/design-diversity" target="_blank" style="color: var(--accent); text-decoration: none;">epoko77-ai/design-diversity</a> (MIT).</p>
|
|
3352
4434
|
</footer>
|
|
3353
4435
|
|
|
3354
4436
|
</body>
|
|
3355
4437
|
|
|
3356
|
-
</html>
|
|
4438
|
+
</html>
|