html-ppt-zhangzara-long-table
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseLong Table
Long Table
Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons.
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.
采用暖奶油色与铁锈红的晚餐俱乐部美学风格,搭配粗体无衬线大写标题、斜体Fraunces字体以及胶囊形轮廓按钮。
这是一个独立完整的HTML演示文稿(deck)——排版、调色板、装饰系统和幻灯片样式均已协调统一。跨模板混用布局会破坏系统一致性,请遵循本模板规范。
At a glance
概览
- Scheme: light
- Formality: medium
- Density: medium
- Slides in demo: 8
- 配色方案: 浅色
- 正式程度: 中等
- 内容密度: 中等
- 演示幻灯片数量: 8张
Best for
适用场景
Anything that should feel like a warm, intimate, modern hospitality / community brand: supper clubs, dinner series, small restaurants, creative-studio events, membership pitches, lifestyle and wine brands. Equally good for any deck wanting a single warm accent colour, italic-meets-bold typography, and a social-media-aware modern-editorial voice.
适用于所有需要营造温暖、私密、现代餐饮/社区品牌氛围的场景:晚餐俱乐部、晚宴系列活动、小型餐厅、创意工作室活动、会员招募推介、生活方式及葡萄酒品牌。同样适合任何想要单一暖色调强调色、斜体与粗体搭配排版,以及具备社交媒体适配性的现代编辑风格的演示文稿。
Avoid for
不适用于
Decks that need corporate polish, technical density, or a cold / minimalist register — the rust-red palette and bold-italic mix are intentionally warm and people-facing.
需要企业级精致感、高技术密度,或冷色调/极简风格的演示文稿——铁锈红配色和粗斜体组合专为营造温暖、贴近用户的氛围而设计。
Workflow
工作流程
- Clone into the user's workspace as the working file.
example.html - 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
or inline keyboard handler, leave it intact.
assets/deck-stage.js
- **克隆**到用户工作区作为工作文件。
example.html - 替换占位内容为用户真实的标题、正文、数字、名称、日期和章节标签。替换图片占位符时请匹配现有尺寸。
- 保留设计系统。切勿替换字体、修改配色、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画风格SVGs)。这些元素是品牌标识的一部分。
- 通过复制布局调整演示文稿长度。如果用户内容超出演示模板的容量,复制最适合的现有幻灯片布局。如果内容较少,从底部删除幻灯片,并更新页码标签。
- 设计缺失的布局:如果需要模板中没有的幻灯片布局,请使用相同的字体、配色、装饰元素、间距节奏和组件规则从头设计——切勿切换到其他模板。
- 保留原始导航运行机制。如果演示文稿附带或内联键盘处理程序,请保持其完整。
assets/deck-stage.js
Output contract
输出约定
Emit between tags:
<artifact><artifact identifier="zhangzara-long-table" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>在标签内输出:
<artifact><artifact identifier="zhangzara-long-table" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>Source & license
来源与许可
Vendored from upstream MIT-licensed
.
zarazhangrui/beautiful-html-templatesThe full upstream MIT license text — including the original copyright notice — ships in this skill at
and must be redistributed alongside any copy of ,
, or any vendored runtime. See for the upstream metadata snapshot.
LICENSEexample.htmltemplate.jsonassets/template.json源自上游MIT许可的。
zarazhangrui/beautiful-html-templates完整的上游MIT许可文本——包括原始版权声明——随本技能一同发布在文件中,任何、或第三方运行文件的副本都必须附带该许可文本。有关上游元数据快照,请查看。
LICENSEexample.htmltemplate.jsonassets/template.json