---
name: html-ppt-zhangzara-coral
description: |
Coral — 奶油色与珊瑚色，近乎黑色的底色，搭配超大号 Bebas Neue 字体。适合一切需要温暖平面感与编辑感的内容：时尚、美妆、健身、餐饮、生活方式品牌、机构作品集。
triggers:
- "coral"
- "zhangzara-coral"
- "bold"
- "warm"
- "graphic"
- "punchy"
- "fashion / beauty pitch"
- "fitness brand"
- "html deck"
- "html slides"
- "zhangzara"
od:
mode: deck
scenario: marketing
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral"
upstream_license: MIT
preview:
type: html
entry: example.html
design_system:
requires: false
speaker_notes: false
animations: false
---
# Coral
> 奶油色与珊瑚色，近乎黑色的底色，搭配超大号 Bebas Neue 字体。
一份独立的 HTML 演示文稿 —— 字体、配色、装饰系统与幻灯片词汇表均已协调统一。跨模板混用版式会破坏整体系统；请在此模板内操作。
## 概览
- **配色方案：** 混合
- **正式程度：** 中等
- **信息密度：** 中等
- **演示示例页数：** 10
## 适用场景
一切需要温暖平面感与编辑感的内容：时尚、美妆、健身、餐饮、生活方式品牌、机构作品集。同样适用于创作者作品集、宣言式文档，或希望以温暖色调与单一大胆强调色替代企业冷峻风格的技术/研究报告。
## 避免场景
需要安静或机构感的场合 —— 珊瑚色强调色与超大号 Bebas Neue 字体强烈地传达出一种自信的杂志语感。
## 工作流程
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/coral) 移植而来。
完整的上游 MIT 许可文本 —— 包含原始版权声明 —— 随本技能附带，位于
[`LICENSE`](./LICENSE)，且必须随 `example.html`、`template.json` 或任何移植的 `assets/` 运行时的副本一并分发。上游元数据快照请参见 `template.json`。