html-ppt-zhangzara-stencil-tablet

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Stencil & Tablet

Stencil & Tablet

Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.
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: light
  • Formality: medium-high
  • Density: medium
  • Slides in demo: 11
  • 风格: 浅色
  • 正式度: 中高
  • 内容密度: 中等
  • 演示幻灯片数量: 11张

Best for

适用场景

Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos. A great choice anytime — including across tech and business — when you want the deck to feel like a field manual rather than a slide deck.
适用于所有需要呈现档案感、触感厚重视觉效果的场景:博物馆与文化机构演示文稿、艺术/建筑品牌、长篇研究报告、传统工艺品牌、宣言文稿。无论在科技还是商业领域,只要你希望演示文稿更像一本实地手册而非普通幻灯片,本模板都是绝佳选择。

Avoid for

避用场景

Contexts that demand digital-native polish or playful pop — the stencil-cut display and earth-tone palette commit to a deliberate analog feel.
不适合需要原生数字化精致感或活泼流行风格的场景——镂空标题与大地色系致力于营造刻意的复古质感。

Workflow

使用流程

  1. Clone
    example.html
    AND the
    assets/
    folder
    into the user's workspace. This template ships an
    assets/deck-stage.js
    runtime (keyboard navigation, stage rendering); the HTML references it as
    assets/deck-stage.js
    , so the file must sit next to the cloned HTML or that path will 404 in the generated artifact and navigation will silently break. Inlining the JS into a single
    <script>
    block in the HTML is an acceptable alternative when a single self-contained file is preferred.
  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
    文件及
    assets/
    文件夹克隆
    到用户工作区。本模板附带
    assets/deck-stage.js
    运行时文件(实现键盘导航、舞台渲染功能);HTML文件中引用路径为
    assets/deck-stage.js
    ,因此该文件必须与克隆后的HTML文件放在同一目录下,否则生成的成品会出现404错误,导航功能将失效。若需要单一独立文件,可将JS代码内联到HTML的单个
    <script>
    标签中,这也是可行方案。
  2. 替换占位内容:将模板中的示例标题、正文、数字、名称、日期及章节标签替换为用户实际内容。替换图片占位符时,请保持原有尺寸。
  3. 保留设计体系:请勿替换字体、修改配色、重构布局网格或移除装饰元素(边角括号、纸张纹理、几何图形、插画SVG)。这些元素是本模板品牌标识的一部分。
  4. 通过复制布局调整演示文稿长度:若用户内容超过演示模板容量,复制最适合的现有幻灯片布局;若内容较少,从末尾删除多余幻灯片,并更新页码标签。
  5. 设计缺失的布局:若需要模板中没有的幻灯片布局,请使用相同的字体、配色、装饰元素、间距规则及组件语法从头设计——切勿切换到其他模板。
  6. 保留原始导航运行时:若演示文稿附带
    assets/deck-stage.js
    文件或内联键盘处理程序,请保持其完整无修改。

Output contract

输出规范

Emit between
<artifact>
tags:
<artifact identifier="zhangzara-stencil-tablet" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
请在
<artifact>
标签内输出内容:
<artifact identifier="zhangzara-stencil-tablet" 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
获取上游元数据快照。