设计规范包 · SPEC PACK
HyperFrames
中文优化 · 2026.07
PANORAMA
中文优化
设计规范包全景
源自 nexu-io/open-design 仓库，经汉化与工程化整合，成为可直接喂给
hyperframes-video
skill 的中文视频生产线：从「审美指导」升级为「可复现生产」。
STRUCTURE
八章结构地图
一条完整的中文视频生产线，从配色/风格定调到契约交付
01
9 套配色
Palette 色值注入 DESIGN.md
02
8 种风格
情绪→排版→动效手感
03
选型决策表
内容类型→配色+风格
04
风格模板
自定义风格扩展范式
05
调用示例
喂 skill 的 brief 写法
06
契约文件体系
HTML+GSAP 可复现生产
07
素材治理+字幕
ffmpeg timeline.json 路线
08
生态速览
同赛道 5 项目对照
01 · PALETTE
9 套配色方案
场景规划写「配色：XXX」，色值注入 DESIGN.md A1 身份 token
大胆活力
Bold / Energetic
产品发布·社媒·公告
清爽商务
Clean / Corporate
科普·教程·演示
暗黑高级
Dark / Premium
科技·金融·电影感
珠宝华贵
Jewel / Rich
奢侈品·精致高端
极简单色
Monochrome
戏剧·强排版·严肃
自然大地
Nature / Earth
可持续·户外·健康
霓虹电感
Neon / Electric
游戏·科技·Z 世代
柔彩治愈
Pastel / Soft
美妆·生活方式·健康
暖调编辑
Warm / Editorial
叙事·纪录片·案例
02 · VISUAL STYLE
8 种视觉风格
先看情绪，再看内容 — 观众应该「感受到什么」？
瑞士脉冲
临床 · 精准
SaaS·数据·开发工具·指标
主转场：电影感缩放 / SDF 虹膜 · expo.out
天鹅绒标准
高级 · 永恒
奢侈品·企业·主题演讲·路演
主转场：交叉形变 · sine.inOut
解构主义
工业 · 生猛
科技发布·安全·朋克式揭露
主转场：故障 / 甩镜 · back.out
极繁字体
喧闹 · 动感
大发布·里程碑公告·hype
主转场：灼烧涟漪 · expo.out
数据漂流
未来 · 沉浸
AI·ML·前沿科技
主转场：引力透镜 / 域扭曲 · sine
柔讯
亲密 · 温暖
健康·个人故事·人本 App
主转场：热扭曲 · sine.inOut
民俗频率
文化 · 鲜活
消费 App·食品·社区·节庆
主转场：漩涡 / 涟漪波 · back
暗影切割
暗黑 · 电影
安全·戏剧揭露·调查
主转场：域扭曲 · power4.in
06 + 07 · TWO ROUTES
两条生产路线
按内容类型择一，或混用：HyperFrames 出视觉 → 喂 timeline.json 加字幕
路线 A · HTML+GSAP
契约文件体系
来源：hyperframes-motion-director（AGPL）
运动设计编译器：brief→schema→templates→primitives→timeline→render
3 个必产契约：SCENE_SCHEMA / VECTOR_TEMPLATES / MOTION_PRIMITIVES
5 个运动原语：maskReveal·pathDraw·clipWipe·staggerText·numberCount
GSAP 一条主时间线 + hook/reveal/proof/cta 标签
中文文本必须在浏览器测量 + 安全区检查
路线 B · ffmpeg
素材治理 + 字幕
来源：qiaomu-cut（MIT）
timeline.json 确定性合成：shots 时长和 = output.duration
双语三层字幕：英文 + 中文 + 顶部注释层
旁白 provenance：assetId / speakerId / SHA-256 校验
三档渲染 × 三档校验 + releaseReady 门控
字体纪律：不捆绑用户字体，缺字明确失败
100 分设计工程门控
交付前必过。场景契约 15 + 矢量模板 15 + 中文测量 20 + 原语选择 15 + SVG 结构转场 15 + 快照检查 15 + 可复现 5。
< 90 分阻止交付；< 75 分说明还只是 prompt 草稿。
≥90
/ 100
releaseReady 硬门控：计划 ≠ 已完成，草稿 ≠ 可交付。
03 · QUICK PICK
内容类型 → 配色 + 风格 速查
内容类型
配色
风格
数据/SaaS/开发
清爽商务·极简·暗黑
瑞士脉冲
企业/奢侈品/路演
暗黑·珠宝·极简
天鹅绒标准
科技发布/安全/朋克
暗黑·霓虹·极简
解构主义
大发布/里程碑/hype
大胆活力·暖调
极繁字体
AI/ML/前沿科技
霓虹·暗黑
数据漂流
健康/个人/品牌
柔彩·暖调·自然
柔讯 / 民俗
安全/戏剧/调查
暗黑·极简·霓虹
暗影切割
ONE-LINE WORKFLOW
配色/风格定调 → 写 brief → 生成契约文件 → GSAP 主时间线 → 浏览器快照 → 过 100 分门控 → 渲染
来源：nexu-io/open-design · geekjourneyx/hyperframes-motion-director · joeseesun/qiaomu-cut-skillspec-pack v1.0 · 中文优化资产