---
marp: true
theme: kami
size: 280mm 158mm
paginate: true
footer: "Kami · Marp"
---

<!-- _class: cover -->
<!-- _paginate: false -->
<!-- _footer: "" -->

# 把幻灯片做成纸

<div class="sub">Kami Marp deck · 用 Markdown 写出版面</div>
<div class="meta">Kami · 2026</div>

---

<span class="eyebrow">01 · 出处</span>

## 把 Kami slides 搬到 Markdown 上

<p class="lead">同一套色板、字体、布局 token。换的是文件格式与编辑姿势。</p>

<div class="c2">

<div>

### 共享的部分

- `--parchment` `#f5f4ed` 暖纸底色
- `--brand` `#1B365D` 单一墨蓝
- `--serif` 中文 TsangerJinKai02 / 英文 Charter
- 280×158mm 16:9 页面
- `.eyebrow` `.lead` `.co` `.c2` `.t2x2` 一致

</div>

<div>

### Marp 这边的差异

- 页面单元用 `section`，不是 `.slide`
- 分页用 `---`，不是 `break-after: page`
- 页码用 `paginate: true` 自动注入
- 单页类名用 `<!-- _class: cover -->`
- 渲染走本地 `marp-cli`，不进 build.py

</div>

</div>

---

<span class="eyebrow">02 · 四个支柱</span>

## 一张 deck 立不立得住，看这四件事

<table class="t2x2">
<tr>
<td>

<div class="mt"><span class="ml">A</span>色板</div>

单一墨蓝做强调色，全场 ≤ 5% 面积。其余靠暖中性灰承托。绝对不要冷色、不要纯白底。

</td>
<td>

<div class="mt"><span class="ml">B</span>字体</div>

一页一种衬线，body 400、heading 500，禁止合成粗体。中文 W04/W05 双字重，英文 Charter 一套通吃。

</td>
</tr>
<tr>
<td>

<div class="mt"><span class="ml">C</span>布局</div>

`.c2` 两栏走 grid，`.t2x2` 四象限必须用 table，Grid 在四象限里行高对不齐。

</td>
<td>

<div class="mt"><span class="ml">D</span>节奏</div>

`--rhythm-module: 14pt`、`--rhythm-section: 18pt`。两个数管整套间距，不要再随手加 margin。

</td>
</tr>
</table>

---

<span class="eyebrow">03 · 标题原则</span>

## 标题写完整断言，不是话题标签

<p class="lead">「Q3 业绩」是话题，「Q3 营收高出 12 个点」是断言。</p>

避免 "Q3 业绩 / 团队介绍 / 下一步规划" 这种 noun phrase。改写成「Q3 营收比 guidance 高出 12 个百分点」「团队五年只做检索一件事」「下一季度把延迟从 800ms 压到 120ms」这种带结论的句子。读者扫标题就能拿到 takeaway，正文是支撑证据。

<div class="co">标题先有立场，正文再补证据，整套 deck 就有了主线。</div>

---

<span class="eyebrow">04 · 渲染矩阵</span>

## 一份 Markdown，三种导出口径

<table class="data">
<tr><td>HTML 预览</td><td>0 MB 额外下载</td><td>浏览器打开即可，最轻</td></tr>
<tr><td>PDF 导出</td><td>~150 MB Chromium 或复用本地 Chrome</td><td>看 production.md «Browser strategy»</td></tr>
<tr><td>PPTX 导出</td><td>同 PDF，依赖浏览器</td><td>幻灯片图像化，非可编辑 deck</td></tr>
<tr><td>VS Code 预览</td><td>0 MB（VS Code 内置 Chromium）</td><td>装 Marp for VS Code 插件即可</td></tr>
</table>

---

<!-- _class: cover -->
<!-- _paginate: false -->
<!-- _footer: "" -->

# 复制走，开始你自己的 deck

<div class="sub">把内容换成你的故事，结构留下不动</div>
<div class="meta">github.com/tw93/Kami</div>
