Back to Details

html-ppt-zhangzara-retro-windows

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Retro Windows

复古Windows风格

Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.
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.
Windows 95界面组件：灰色标题栏、MS Sans Serif字体、像素风格排版，充满怀旧感。
一个独立完整的HTML演示文稿——排版、配色、装饰系统以及幻灯片样式都已协调统一。跨模板混合布局会破坏这套设计体系，请始终使用本模板。

At a glance

概览

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

Best for

适用场景

Anything that should feel knowingly nostalgic: retro gaming, Y2K-aesthetic brands, creator portfolios with a 90s vibe, tech-history talks, deliberately tongue-in-cheek decks. A great choice anywhere a playful retro reference is the entire point.
适用于所有需要刻意营造怀旧氛围的场景：复古游戏、千禧年美学品牌、90年代风格创作者作品集、科技历史主题分享、带有戏谑意味的演示文稿。如果你的内容核心就是玩趣复古风格，这会是绝佳选择。

Avoid for

不适用场景

Decks that need to read as modern, elegant, or institutionally credible — the Win95 chrome will always read as a costume.
需要呈现现代、优雅或专业可信风格的演示文稿——Windows 95界面组件会始终给人一种刻意装扮的感觉。

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-retro-windows" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
在
<artifact>
标签内输出：
<artifact identifier="zhangzara-retro-windows" 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
获取上游元数据快照。