html-ppt-taste-editorial

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

HTML PPT — Editorial Minimalism

HTML PPT — 编辑极简风格

A 16:9 deck for the briefs that hate neon: investor updates, design reviews, internal manifestos, lecture decks. Reads like a print supplement, not a SaaS landing.

这款16:9比例的演示文稿适用于不喜霓虹风格的场景：投资者更新、设计评审、内部宣言、讲座课件。视觉体验类似印刷副刊，而非SaaS着陆页。

Source

来源

Distilled from Leonxlnx/taste-skill —

skills/minimalist-skill/SKILL.md

. The deck system follows the existing project convention from

skills/html-ppt-pitch-deck/example.html

(each

.slide

is a

100vw × 100vh

section; opened directly, slides stack vertically). See

example.html

in this directory.

改编自Leonxlnx/taste-skill —

skills/minimalist-skill/SKILL.md

。演示文稿系统遵循

skills/html-ppt-pitch-deck/example.html

的现有项目规范（每个

.slide

是一个

100vw × 100vh

的区块；直接打开时，幻灯片垂直堆叠）。可查看本目录下的

example.html

。

Hard rules

严格规则

Substrate: warm off-white
```
#FBFBFA
```
/
```
#F7F6F3
```
. Foreground off-black
```
#1A1A19
```
. Never pure white or pure black.
Type pairing: display in serif (Instrument Serif / Newsreader / Lyon), body in grotesque (Inter Tight / Switzer), meta in mono (JetBrains Mono).
Display scale per slide: title
```
clamp(56px, 6.5vw, 96px)
```
italic-capable serif, line-height
```
1.05
```
, tracking
```
-0.025em
```
.
Hairline only:
```
1px solid #EAEAEA
```
— borders, dividers, table cells. No drop shadows.
One accent color chosen from the muted-pastel pairs (e.g. sage
```
#346538
```
on
```
#EDF3EC
```
, or red
```
#9F2F2D
```
on
```
#FDEBEC
```
). Used sparingly — eyebrow dot, chart fill, call-out chip. Never as a slide background.
Slide padding: generous (
```
72px 96px
```
minimum). Title at most 14ch wide.
Eyebrow: every slide opens with a mono uppercase eyebrow
```
letter-spacing: 0.18em
```
and a section number
```
01 / 09
```
.
Page numbers: mono, bottom-right corner.

底色： 暖米白色
```
#FBFBFA
```
/
```
#F7F6F3
```
。前景为近黑色
```
#1A1A19
```
。绝对禁止使用纯白或纯黑。
字体搭配： 标题使用衬线字体（Instrument Serif / Newsreader / Lyon），正文使用无衬线字体（Inter Tight / Switzer），元数据使用等宽字体（JetBrains Mono）。
单页标题字号： 标题使用可斜体的衬线字体，字号为
```
clamp(56px, 6.5vw, 96px)
```
，行高
```
1.05
```
，字间距
```
-0.025em
```
。
仅用细线条：
```
1px solid #EAEAEA
```
— 边框、分隔线、表格单元格。禁止使用投影。
单一强调色：从柔和淡色组合中选择（例如：底色
```
#EDF3EC
```
搭配鼠尾草绿
```
#346538
```
，或底色
```
#FDEBEC
```
搭配红色
```
#9F2F2D
```
）。谨慎使用 — 用于眉题圆点、图表填充、高亮标签。绝不能用作幻灯片背景。
幻灯片内边距： 充足留白（最小
```
72px 96px
```
）。标题最多14字符宽度。
眉题： 每张幻灯片开头需包含等宽大写眉题
```
letter-spacing: 0.18em
```
和章节编号
```
01 / 09
```
。
页码： 等宽字体，位于右下角。

Banned

禁用项

Inter (use Inter Tight if you must, but prefer Switzer / SF Pro). No Roboto, Open Sans.
Heavy drop shadows. Glow. Gradient text.
3-equal-card feature rows. Use uneven hairline-divided columns instead.
Emojis in text or as bullet markers — use
```
—
```
or no marker.
Full-bleed photography on every slide. Use one or two image slides; reserve them.
AI-cliché copy ("Elevate", "Unleash", "Seamless", "Next-Gen").
Slide transitions noisier than fade-in.

Inter字体（如果必须使用，选择Inter Tight，但优先使用Switzer / SF Pro）。禁止使用Roboto、Open Sans。
厚重投影、发光效果、渐变文字。
三等分卡片式功能布局。改用不等分细线条分隔的列布局。
文本中或项目符号使用表情符号 — 使用
```
—
```
或无标记。
每张幻灯片都使用全屏图片。仅使用1-2张图片幻灯片，预留此类场景。
AI陈词滥调式文案（"提升"、"释放"、"无缝"、"下一代"）。
比淡入效果更花哨的幻灯片切换动画。

Required slide archetypes (10–12 total recommended)

必备幻灯片类型（建议共10–12张）

Cover — serif title, italic mid-sentence accent, mono meta footer.
Eyebrow + thesis — single sentence of body lede on the left; mono numbered TOC on the right.
Numbered manifesto — three or four hairline-separated theses.
Bento data slide — uneven 6-col grid with hairline gaps; one stat in serif, supporting in mono.
Quote / pull-out — single sentence at large serif, attribution mono, hairline above and below.
Comparison — two columns separated by a vertical hairline; "Doesn't / Does" or "Before / After".
Table or index —
```
display: grid; gap: 1px
```
on hairline color.
Chart or breakdown — flat horizontal bar chart with mono labels, accent fill only on the latest bar.
Team / colophon — mono key-value list, no avatars.
Closing — serif final line italic; CTA as ghost button; signature in mono.

封面页 — 衬线标题，句中斜体强调，等宽元数据页脚。
眉题+核心论点 — 左侧为单句正文导语；右侧为带编号的等宽目录。
编号宣言页 — 3-4个由细线条分隔的核心论点。
便当式数据页 — 不等分6列网格，带细线条间距；一个统计数据用衬线字体，辅助内容用等宽字体。
引用/突出展示页 — 大字号衬线字体的单句引用，等宽字体的署名，上下细线条分隔。
对比页 — 两列由垂直细线条分隔；内容为"不做/做"或"之前/之后"。
表格或索引页 — 使用
```
display: grid; gap: 1px
```
设置细线条颜色的间距。
图表或拆解页 — 扁平水平条形图，等宽字体标签，仅最新数据条使用强调色填充。
团队/版权页 — 等宽字体的键值列表，禁止使用头像。
收尾页 — 衬线字体的最终语句为斜体；CTA为幽灵按钮；署名用等宽字体。

Motion

动效

Static-preview fallback: keep every slide visible (already wired by the deck base). When run as a real deck, fade-in at
```
400ms cubic-bezier(0.16, 1, 0.3, 1)
```
is plenty.
No translate, no blur, no auto-advance.

静态预览降级：保持每张幻灯片可见（演示文稿基础框架已实现）。作为实际演示文稿运行时，
```
400ms cubic-bezier(0.16, 1, 0.3, 1)
```
的淡入效果足够。
禁止使用位移、模糊、自动翻页效果。