onetake Look 系统6 套实测视觉预设 内嵌字体快速给动效视频定调【免费下载链接】onetakeMotion films that never cut to the next slide: every beat grows out of the one before, one continuous camera, continuity measured by an oracle. A Claude Agent Skill for product launch films and feature demos.项目地址: https://gitcode.com/gh_mirrors/on/onetakeonetake 是一个做「一镜到底」动效视频的开源 Agent Skill产品发布片、功能演示里每个画面都从上一个画面里长出来而不是 PPT 式一张张轮播。它的Look 系统内置6 套从实测成片里量出来的视觉预设内嵌的 SIL OFL 开源字体一条命令就能给动效视频定调8 个颜色 token、3 个字体角色配色和字一步到位。Look 是什么8 个颜色 3 种字体的定调配方在 onetake 的协议里视觉风格look是概念阶段就要拍板的选择而不是渲染到一半再想配色。每个 Look 由两部分组成定义在 looks/looks.json 8 个颜色 token—— 每条片子的全部配色都从这 8 个槽位里取Token角色规则ground画面底色占整张画面约 70%deep第二底色暗角边缘、远平面、卡片下的阴影card表面卡片、面板line细线卡片描边、网格线mute次要文字与底色对比度 ≥ 3:1ink正文与主体与底色对比度 ≥ 4.5:1accent强调色「唯一有意义的颜色」accent2搭配色少用 3 个字体角色display大标题、text正文、mono等宽跑数字和标签每个角色绑定字体、字重和字距全部来自内嵌的开源字体家族。因为所有预设共用同一套 token 结构换一个 look 只需要换名字合成文件里写var(--ink)、var(--display)就能整片切换风格不用逐行改色。6 套实测视觉预设逐个看6 个预设都不是拍脑袋定的每一套都从一个通过验收的成片里量出来from字段记录来源气质互相区分预设来源成片气质mood底色 → 强调色papercases/motion-web-15s白页黑字、一个绿勾——安静的产品 UI留白多#f8f8f6→#17a05eduskcases/one-dot-15s近黑的紫夜一个被点亮的紫色主体暖奶油色字#15131c→#7c6cfftabletopcases/knockon-15s暖灰桌面、柔光下的白色物体一个红橙色的「因」#f2efe9→#ff5a36ultramarinecases/clearing-15s饱和蓝场 白字 一个黄——海报感不是界面#3548ec→#ffd84arisocases/overlap-15s奶油纸、荧光粉蓝油墨、窄体标题——印刷品#f4efe2→#ff48b0embercases/ebb-15s暖纸棕墨、橙色光——编辑感衬线慢而柔#fdfbf7→#ec682e选型建议很直白先定片子的气质再挑 look。安静的功能演示选 paper想有发布会海报张力选 ultramarine 或 riso深夜科技感选 dusk温暖人文感选 ember。想看每个预设的完整效果上面那张总览图就是look.py sheet的原生输出。内嵌字体7 个 OFL 开源字体家族离线也能渲染looks/fonts/目录下内嵌了 7 个字体文件全部采用SIL OFL 1.1 开源协议许可全文见 looks/fonts/LICENSES.txt字体家族常见角色文件Inter正文主力paper、dusk 都用它Inter.ttfInstrument Sans正文InstrumentSans.ttfInstrument Serif大标题InstrumentSerif.ttfFraunces大标题ember 的衬线来源Fraunces.ttfArchivo / Archivo Condensed海报、印刷感大标题Archivo.ttfGeist / Geist Mono大标题 / 等宽Geist.ttf · GeistMono.ttf内嵌字体解决的是一个很实际的坑onetake 的渲染器是以file://方式打开合成文件逐帧截图的远程font-face在这种场景下永远加载不到canvas 里的字会静默回退成系统字体——你甚至看不出哪里不对。所以look.py apply的做法是把用到的字体按合成文件实际出现的字符做子集化压缩成 base64 woff2 直接内联进look.js——只有几十 KB 而不是几 MB可变字体的固定轴比如 Archivo Condensed 的宽度 62在构建时就实例化好DOM 和 canvas 看到的是同一张脸。一条命令给动效视频定调look.py 实战工具入口是 scripts/look.py5 个子命令覆盖「看 → 体检 → 应用 → 自定义」全流程python3 scripts/look.py list # 列出 6 套预设、来源片子和完整配色 python3 scripts/look.py sheet # 重新生成 gallery/sheets/looks.png 总览图✅ check对比度体检python3 scripts/look.py check # 不传参数则体检全部 6 套预设按 WCAG 式标准打分ink要求 ≥ 4.5:1、mute要求 ≥ 3:1强调色只作参考白底上的黄本来就可以不太醒目。⚡ apply把 look 写进你的合成文件python3 scripts/look.py apply dusk cases/my-film/comp.html在comp.html旁边生成look.js8 个颜色变成 CSS 变量var(--ground)…var(--accent2)字体内联、加载完成前LOOK.ready不会放行渲染保证每一帧确定性输出。写完在合成文件里加一行script srclook.js即可。文案改动导致出现新字符后重跑一次 apply它会报告哪些字符当前字体里没有中日韩文字传--cjk 字体文件自动补一份子集化的中文字体。 from-shot直接从产品截图取色python3 scripts/look.py from-shot shot1.png shot2.png --faces paper --out look.json不想用预设、想「长得就是自己产品」时它对产品截图做粗粒度 RGB 直方图统计按角色规则底色最频、强调色最有色的色相族……量出 8 个 token字体沿用一个基础预设生成可再编辑的look.json随后照样apply。3 个新手最容易忽略的硬规则look 必须在概念阶段指名选用禁止「默默用默认」。SKILL.md 的硬规则写得很硬上一条片子的视觉风格不允许带入下一条——配色、舞台、镜头语法都可以重来preset 可以按名字选用静悄悄沿用不行。先 check 再 apply。对比度不达标的配色渲出来就是「字糊在底上」返工代价远高于一次体检。改完文案重跑 apply。内嵌字体是按字符子集化的新增字符不在子集里就会回退成系统字体输出里会明确列出缺的字。相关文件清单路径内容looks/looks.json6 套预设 8 色 token 字体家族的完整定义looks/fonts/7 个 SIL OFL 1.1 字体及其许可文件scripts/look.pylist / sheet / check / apply / from-shotgallery/sheets/looks.png6 套预设的官方总览图templates/comp.html合成文件模板注释里说明了如何接入 look.jsSKILL.md完整协议§2 概念轮选 look、§5 合成时应用 look一句话总结配色不用现想字体不用现找——挑一个有名字的预设跑一条 apply动效视频的「调性」就定了。【免费下载链接】onetakeMotion films that never cut to the next slide: every beat grows out of the one before, one continuous camera, continuity measured by an oracle. A Claude Agent Skill for product launch films and feature demos.项目地址: https://gitcode.com/gh_mirrors/on/onetake创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考