html-ppt-zhangzara-studio

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Studio

Studio 模板

Black canvas with electric-yellow type; high-voltage design studio aesthetic.

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: dark
Formality: medium
Density: medium
Slides in demo: 12

配色风格： 深色
正式程度： 中等
内容密度： 中等
演示幻灯片数量： 12张

Best for

适用场景

Anything that should feel electric and design-led: studio credentials, creative agency pitches, brand showcases, art-direction reviews, fashion / sneaker brand work. Also a striking unexpected choice for tech, research, or business decks where the speaker wants the deck to be a brand statement.

适用于所有需要充满活力、以设计为主导的场景：工作室资质展示、创意机构提案、品牌宣传、艺术指导评审、时尚/运动鞋品牌作品展示。对于科技、研究或商务类演示文稿，如果演讲者希望演示文稿本身成为品牌宣言，这也是一个令人眼前一亮的意外选择。

Avoid for

不适用场景

Contexts that should feel quiet or institutional — the black-and-electric-yellow palette is the loudest in the library.

不适用于需要低调或正式严肃的场景——黑黄配色是模板库中视觉冲击力最强的配色方案。

Workflow

使用流程

Clone
example.html
into the user's workspace as the working file.
Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
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.
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.
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.
Keep the navigation runtime as shipped. If the deck ships an
```
assets/deck-stage.js
```
or inline keyboard handler, leave it intact.

**克隆
```
example.html
```
**到用户工作区作为工作文件。
替换占位内容：将用户的真实标题、正文内容、数据、名称、日期和章节标签替换模板中的占位符。替换图片占位符时，请匹配原有尺寸。
保留设计体系：切勿替换字体、更改配色、重构布局网格或移除装饰元素（角括号、纸张纹理、几何图形、插画SVG）。这些元素是本模板标识的一部分。
通过复制布局调整演示文稿长度：如果用户内容超过演示模板的容量，复制最合适的现有幻灯片布局；如果内容较少，从末尾删除幻灯片，并更新页码标签。
设计缺失的布局：如果需要模板中没有的幻灯片布局，请使用相同的字体、配色、装饰风格、间距规则和组件规范从头设计——切勿切换到其他模板。
保留导航运行机制：如果演示文稿包含
```
assets/deck-stage.js
```
或内置键盘处理程序，请保持其完整。

Output contract

输出约定

Emit between

<artifact>

tags:

<artifact identifier="zhangzara-studio" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

输出内容需包裹在

<artifact>

标签内：

<artifact identifier="zhangzara-studio" 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

项目。

LICENSE

文件中，并且必须与

example.html

、

template.json

或任何第三方

assets/

运行文件的副本一同分发。上游元数据快照请查看

template.json

文件。