html-ppt-zhangzara-cobalt-grid

钴蓝网格

电光钴蓝色的斜体衬线字体置于方格纸画布上，并以阶梯状像素故障装饰和纤细的发丝线条为点缀。

一套完全独立的 HTML 幻灯片，字体、配色、装饰系统和页面用语都经过协调设计。混用不同模板的布局会破坏整个系统；请仅使用这一套。

概览

• 配色方案： 浅色
• 正式程度： 高
• 内容密度： 中
• 演示中的幻灯片： 8

适用场景

适合需要呈现沉静、严谨的设计／研究简报、艺术出版物或精选趋势报告的内容。特别适合工作室年刊、机构能力介绍幻灯片、设计研究出版物、建筑／艺术／学术类幻灯片，以及任何希望采用单一严格强调色，并营造印刷账簿般沉静感而非企业风格的幻灯片。

不适用场景

不适合需要温暖感、多彩活力或随性／活泼语调的幻灯片——严格的钴蓝＋奶油色＋网格配色刻意营造出冷峻感。

工作流

1. 将 example.html 克隆到用户的工作区，作为工作文件。
2. 用用户的实际内容替换占位内容，包括标题、正文、数字、姓名、日期和章节标签。替换图片占位符时，请匹配现有尺寸。
3. 保留设计系统。 切勿替换字体、重设配色、重构布局网格或移除装饰元素（角括号、纸张纹理、几何形状、插画 SVG）。这些都是视觉识别的一部分。
4. 通过复制布局调整幻灯片数量。 如果用户的内容多于演示所容纳的内容，请复制布局最合适的现有幻灯片。如果内容较少，请从末尾删除幻灯片。更新页码标签。
5. 设计缺失的布局： 如果某张幻灯片需要模板中没有的布局，请使用相同的字体、配色、装饰元素、间距节奏和组件规范从头设计，切勿改用其他模板。
6. 保留随附的导航运行时。 如果幻灯片中包含 assets/deck-stage.js 或内联键盘处理程序，请保持原样。

输出约定

在 <artifact> 标签之间输出：

<artifact identifier="zhangzara-cobalt-grid" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

来源与许可

从上游采用 MIT 许可证的 zarazhangrui/beautiful-html-templates 引入。

完整的上游 MIT 许可证文本（包括原始版权声明）随此技能一并提供，位于 LICENSE，且必须与任何 example.html、 template.json 副本或任何引入的 assets/ 运行时一同重新分发。上游元数据快照见 template.json。