Back to Details

html-ppt-zhangzara-pink-script

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Pink Script — After Hours

Pink Script — After Hours

Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.
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.
黑色画布、亮粉色点缀、珍珠奶油纸质感、Instrument Serif标题字体：打造深夜编辑风格的奢华感。
这是一个独立完整的HTML演示文稿——排版、配色、装饰系统以及幻灯片样式均已协调统一。跨模板混用布局会破坏该设计体系，请仅使用本模板内的布局。

At a glance

概览

  • Scheme: dark
  • Formality: medium-high
  • Density: low
  • Slides in demo: 9
  • 配色方案： 深色
  • 正式程度： 中高
  • 内容密度： 低
  • 演示文稿包含幻灯片数量： 9张

Best for

适用场景

Anything that should feel nocturnal, intentional, and a little luxe: fashion brand decks, creator personal brands, after-hours / nightlife / spirits launches, luxury product reveals, editorial features. Also a striking unexpected pick for a tech keynote, research synthesis, or business pitch that wants to land with magnetic confidence.
适用于所有需要营造夜间氛围、独具匠心且略带奢华感的场景：时尚品牌演示文稿、创作者个人品牌展示、夜间/夜店/烈酒产品发布、奢侈品揭幕、编辑特刊内容。同时，对于想要展现强大自信的技术主题演讲、研究成果汇总或商业提案来说，它也是一个出人意料的亮眼选择。

Avoid for

避用场景

Daytime corporate-professional and traditional B2B contexts where the dark canvas with hot-pink accent reads as too styled or too expressive.
不适用于日间企业办公及传统B2B场景，这类场景中深色画布搭配亮粉色点缀会显得过于风格化或表现力过强。

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