---
name: html-ppt-zhangzara-cobalt-grid
description: |
Cobalt Grid — Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules. Anything that should feel like a quietly serious design / research bulletin, art publication, or curated trend report.
triggers:
- "cobalt-grid"
- "zhangzara-cobalt-grid"
- "Cobalt Grid"
- "editorial"
- "design-research"
- "considered"
- "literary"
- "design trend or research report"
- "studio annual or seasonal bulletin"
- "html deck"
- "html slides"
- "zhangzara"
od:
mode: deck
scenario: marketing
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid"
upstream_license: MIT
preview:
type: html
entry: example.html
design_system:
requires: false
speaker_notes: false
animations: false
---
# Cobalt Grid
> 在方格纸画布上，以带电的钴蓝斜体衬线为主体，辅以阶梯式像素故障装饰与纤细发线规则。
一份独立的单文件 HTML 幻灯片集——字体排印、调色板、装饰系统与幻灯片词汇表均已协调一致。跨模板混排布局会破坏系统完整性，请始终在此模板内工作。
## 概览
- **配色方案：** 浅色
- **正式程度：** 高
- **密度：** 中等
- **演示幻灯片数：** 8
## 最佳用途
适合任何需要呈现为沉静严谨的设计/研究公告、艺术出版物或策展趋势报告的场景。非常适合工作室年鉴、机构能力展示、设计研究出版物、建筑/艺术/学术幻灯片，以及任何希望采用单一严格强调色并营造印刷账簿般宁静感而非企业抛光感的演示文稿。
## 避免用途
不适合需要温暖感、多色彩活力或随意/俏皮语气的演示文稿——严格的钴蓝+奶油色+网格调色板有意保持朴素风格。
## 工作流程
1. 将 `example.html` **克隆**到用户工作区作为工作文件。
2. **替换占位内容**为用户真实的标题、正文、数字、名称、日期和章节标签。替换图片占位符时保持原有尺寸。
3. **保留设计系统。** 切勿替换字体、重新着色调色板、重构布局网格或移除装饰元素（角括号、纸张纹理、几何形状、插图 SVG）。它们是品牌标识的组成部分。
4. **通过复制布局调整幻灯片数量。** 如果用户内容多于演示示例，复制最合适的现有布局幻灯片。如果少于示例，从末尾删除幻灯片。更新页码标签。
5. **设计缺失的布局：** 如果某张幻灯片需要模板中没有的布局，使用相同的字体、调色板、装饰词汇表、间距节奏和组件语法从头设计——切勿改用其他模板。
6. **保持导航运行时不变。** 如果幻灯片集附带了 `assets/deck-stage.js` 或内联键盘处理程序，请保持其完整不变。
## 输出契约
在 `` 标签之间输出：
```
...
```
## 来源与许可证
从上游 MIT 许可的 [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid) 引入。
完整的 MIT 许可文本——包括原始版权声明——随本技能一同提供，位于 [`LICENSE`](./LICENSE)，且必须在分发 `example.html`、`template.json` 或任何已引入的 `assets/` 运行时的副本时一并重新分发。上游元数据快照请参见 `template.json`。