版式 token 编辑风发布片 — 使用指南

你会得到什么

一支二十到三十秒的发布片，看起来像一页印刷样本，而不是一张幻灯片。暖纸底、超大标题字、每帧只用一次的强调色，以及大量留白。

六帧：字标封面、按自身字数定尺寸的主张、一张抬起的卡片、一组数据账目、一帧「反面声音」，以及收尾。

为什么 token 文件才是产品

那个观感不是难点，保住它才是。

片中每一个颜色、字号、圆角、阴影和间距都只声明一次，作为一个命名原子，每一帧都去取它。直接写进合成里的数值是缺陷，不是捷径——因为只要有一个，第二支片子就只能靠肉眼去对第一支，而「靠肉眼对」正是让一组片子看起来像「一组片子」的原因。

原子固定。构图自由。数字来自剧本。

这条规矩还是可检查的，这也是它值得存在的大半理由。三条 grep 一秒内就能把所有手打数值找出来，而这正是能躲过每一次视觉评审的那类错误。

四个测试

每一帧都跑完这四个，再做下一帧。

眯眼。 眯起眼睛看：应该有一个元素的分量是次重元素的三到六倍。字标、主张、数字或字幕——绝不同时两个。

留白。 一帧稀疏画面读起来是 55–75% 空的。纸就是这个品牌。如果一帧显得单薄，解法是把主元素放大，而不是再加一个元素。

克制。 强调色每帧只出现一次，且是满强度。如果它在字幕上，那它就不在别处。

参照。 把这一帧和一页版权页放在一起比。失败长什么样是有具体形状的，值得说出来：一块加了土黄底的仪表盘。

你需要提供什么

• 四个颜色原子：纸、墨、灰、一个强调色。绝不用纯黑，绝不用纯白。
• 一款字体，四个字重。两个字体家族是另一支片子。
• 六到八帧的文案，一帧一个意思。
• 账目数字（如果有），附出处。
• 字标，以及收尾的行动号召。

一次完整流程

1. 先写 token 文件——在第一帧之前，在情绪板之前。
2. 搭各帧，一帧一个合成，只引用 token。
3. 每帧跑完四个测试再开始下一帧。
4. 跑字面量 grep，返回为空。
5. 各项检查——布局、运行时、动效、对比度——零发现。
6. Preview，确认后渲染。

各帧

原型	是什么	密度
封面	字标做到英雄尺度，别无他物	极稀疏
主张	一行字，按自身长度定尺寸	稀疏
焦点物件	一张抬起的卡片，只放一样东西	稀疏
数据账目	细分隔线行：一个标签、一个数字	密度例外
反面声音	墨色底。一支片子里一到两帧	稀疏
收尾	强调色做到英雄尺度、一行字、一个行动号召	稀疏

连续同一对齐方式的帧不超过两帧。六帧都居中，就是幻灯片——哪怕每一帧都做得很好。

这支片子守的几条设计规矩

• 标题按自身字数定尺寸。 三个词以内走大号，四到六个词中号，七个及以上再降一级——文本块宽度上限是画幅的 78%。固定的英雄字号会在长句上撞出安全边，也会在短句上浪费掉这一帧唯一一次「大声说话」的机会。
• 可读性下限是一个 token，不是一个习惯。 任何承载这一帧意思的行都不低于 1.4vw——1920 下约 27px。低于它的只能是装饰件：eyebrow、索引、版权页，绝不是观众需要读的那一行。
• 创作是画幅相对的。 字号和间距用 vw（对长边），圆角和阴影参数留在 px，因为一个会随画幅缩放的圆角就不再是圆角，而是一个比例。
• 纸质抬起 = 阴影加细边线，两者缺一不可，而且每帧最多只有一个抬起的平面。
• 承重元素不用直角。 行动号召是胶囊或圆角按钮。
• 不用斜体。 强调靠字重，或者给那个最要紧的词用强调色的文字变体。
• 动效是安静的。 进场缓出并落定；一次只动一个元素；一帧落定之后不再有任何东西在动。

版权与诚实

配色数值是你自己的。「暖纸加一个强调色」是一个原型，可以自由使用；某家公司具体的四个 hex 值是他们的身份，而这个色系足够常见，直接照抄是认得出来的。

字体已获授权可用于你的分发，或者是开源字体；除非授权明确允许，字体文件不随工程分发。

账目帧上的每一个数字都是真的，出处记在交付说明里。这套观感会让一个数字读起来像是被审计过的——这恰恰是没有出处的数字不该出现在这里的理由。

本片的 token 文件纪律、「原子固定」法则、四个手艺测试、可读性下限与「按字数定标题尺寸」规则，参考自一份公开发布的 HyperFrames 画幅语言规范。主题、配色数值、字号阶梯、文案和全部素材都为你的品牌重新创作，成片中不包含、也不暗示与任何你不拥有的公司存在关联或获得其背书。

环境要求

HyperFrames CLI、Node.js 22 或更新版本、FFmpeg。渲染在你自己的机器上跑。全程不调用任何图像、视频或数字人生成模型，因此没有按次计费的 API 成本。

值得知道的限制

• 这个结构装得下六到八个意思，再多就不行。 每帧一个，落在 55–75% 空的纸上。要说很多话的 brief 会跟它正面冲突。
• 它是一套暖调、低对比的系统。 明亮或密集的品牌塞不进来，除非变成另一个品牌。
• 没有旁白。这些帧是用来读的，不是用来听的，念白会跟字面抢同一件事。