Back to Details

html-ppt-zhangzara-sakura-chroma

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Sakura Chroma

Sakura Chroma

Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes.
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.
复古日式磁带包装美学：米白色纸张、斜向彩虹丝带、粗体紧凑字体、JIS风格规格复选框。
这是一个独立完整的HTML演示文稿——排版、调色板、装饰系统以及幻灯片样式均已协调配置。跨模板混合布局会破坏这套设计系统，请仅使用本模板内的布局。

At a glance

概览

  • Scheme: light
  • Formality: low
  • Density: medium
  • Slides in demo: 8
  • 配色方案： 浅色
  • 正式程度： 低
  • 内容密度： 中等
  • 演示幻灯片数量： 8张

Best for

适用场景

Anything that should feel like a vintage Japanese cassette package or a TDK / Sony / Sakura Color product catalogue: indie hardware brand decks, music-label release schedules, analog studio retrospectives, zine and magazine pitches, kawaii-tech product launches, creative-studio annual reports. Equally good for any deck wanting bold colour, condensed display type, and a tactile printed-product personality.
适用于所有需要呈现复古日式磁带包装或TDK / Sony / Sakura Color产品目录风格的场景：独立硬件品牌演示文稿、音乐厂牌发行日程、模拟工作室回顾、同人杂志及期刊提案、可爱科技产品发布、创意工作室年度报告。同样适合任何需要大胆色彩、紧凑显示字体以及具有印刷品质感的演示文稿。

Avoid for

不适用场景

Decks that need restrained, corporate, or quiet typography — the bold condensed lockups, ribbon stripes, and primary-colour palette are intentionally loud and product-page-y.
需要克制、企业风格或简约排版的演示文稿——本模板的粗体紧凑排版、丝带条纹和主色调配色方案设计得较为醒目，具有产品页面风格。

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-sakura-chroma" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
在
<artifact>
标签内输出：
<artifact identifier="zhangzara-sakura-chroma" 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
。