Back to Details

html-ppt-zhangzara-signal

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Signal

Signal

Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.
A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one.
深海军蓝底色搭配米白色纸张质感，辅以柔和的金色点缀；风格正式沉稳，具有厚重感。
这是一个独立完整的HTML演示文稿模板——排版、配色、装饰系统以及幻灯片样式都经过统一调校。跨模板混合布局会破坏整体风格，请严格遵循本模板的规范。

At a glance

概览

  • Scheme: mixed
  • Formality: high
  • Density: high
  • Slides in demo: 18
  • 配色方案： 混合色系
  • 正式程度： 高
  • 内容密度： 高
  • 演示幻灯片数量： 18张

Best for

适用场景

Anything that should feel weighty, considered, and credibly institutional: investor decks, board presentations, consulting deliverables, legal / policy briefs, advisory pitches. Also a strong choice for tech, research, or brand work that wants to read as quietly authoritative rather than loud.
适用于所有需要体现庄重、严谨且权威正式的场景：投资者演示文稿、董事会报告、咨询交付成果、法律/政策简报、顾问提案。同时也非常适合希望展现低调权威而非张扬风格的科技、研究或品牌相关工作。

Avoid for

不适用场景

Contexts that should feel hot, fast, or intentionally playful — the navy + gold restraint commits to a sober voice.
不适合需要体现活力、快速或刻意活泼风格的场景——深蓝+金色的克制搭配决定了其沉稳严肃的基调。

Workflow

使用流程

  1. Clone 
    example.html
     into the user's workspace as the working file.
  2. Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
  3. Preserve the design system. Never substitute fonts, recolor the palette, restructure the layout grid, or strip decorative elements (corner brackets, paper grain, geometric shapes, illustrated SVGs). They are part of the identity.
  4. Adjust deck length by duplicating layouts. If the user has more content than the demo holds, duplicate an existing slide of the most appropriate layout. If less, drop slides from the bottom. Update page-number labels.
  5. Designing missing layouts: if a slide needs a layout the template doesn't have, design it from scratch using the same fonts, palette, decorative vocabulary, spacing rhythm, and component grammar — never bail to a different template.
  6. Keep the navigation runtime as shipped. If the deck ships an 
    assets/deck-stage.js
    or inline keyboard handler, leave it intact.
  1. **复制
    example.html
    **到用户工作区作为工作文件。
  2. 替换占位内容：将用户的真实标题、正文内容、数据、名称、日期和章节标签替换掉占位符。替换图片占位符时请保持原有尺寸。
  3. 保留设计体系：切勿替换字体、修改配色、调整布局网格或去除装饰元素（边角括号、纸张纹理、几何图形、SVG插画）。这些都是模板标识的一部分。
  4. 通过复制布局调整演示文稿长度：如果用户内容超出演示版容量，请复制最适合的现有幻灯片布局。如果内容较少，从末尾删除幻灯片，并更新页码标签。
  5. 设计缺失的布局：如果需要模板中没有的幻灯片布局，请使用相同的字体、配色、装饰元素、间距规则和组件规范从头设计——切勿切换到其他模板。
  6. 保留默认导航运行机制：如果演示文稿包含
    assets/deck-stage.js
    或内嵌键盘处理程序，请保持其完整。

Output contract

输出约定

Emit between 
<artifact>
tags:
<artifact identifier="zhangzara-signal" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
将内容包裹在
<artifact>
标签中：
<artifact identifier="zhangzara-signal" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

Source & license

来源与许可

Vendored from upstream MIT-licensed 
zarazhangrui/beautiful-html-templates
.
The full upstream MIT license text — including the original copyright notice — ships in this skill at 
LICENSE
 and must be redistributed alongside any copy of 
example.html
, 
template.json
, or any vendored 
assets/
runtime. See 
template.json
for the upstream metadata snapshot.
改编自上游MIT许可的
zarazhangrui/beautiful-html-templates
。
完整的上游MIT许可文本——包括原始版权声明——随本技能一同发布在
LICENSE
文件中，任何
example.html
、
template.json
或
assets/
目录下的运行文件副本都必须附带该许可文本。有关上游元数据快照，请查看
template.json
。