调性总纲:让先锋科技具备身体感,让恢复疗愈这件事拥有科技感。
调性总纲:让先锋科技具备身体感,让恢复疗愈这件事拥有科技感。
温致既不是医疗器械公司(不进医院、不卖给临床医生),也不是普通健康消费品(功效有 JAMA Network Open 2024 论文与 RCT 数据背书)。这个"中间地带"是真正的机会。
Sage 智者 60% × Caregiver 看护 40%。判断冲突时优先 Sage。
克制 / 温暖 / 清晰 / 笃定 / 长期 —— 必须同时成立。
专业而不冰冷,温暖而不讨好。
| Pillar 01 · 临床严谨 | Pillar 02 · 文化深度 | Pillar 03 · 日常陪伴 |
|---|---|---|
| JAMA RCT 数据是品牌信誉基石 | 东方对"恰到好处的温度"的理解 | 每天 20 分钟仪式,融入居所空间 |
命名规则 V{n}-{name}.svg,反白版后缀 -white.svg。v4.4 未变更。
| 变体 | 最小数字尺寸 | 最小印刷尺寸 | 推荐区间 |
|---|---|---|---|
| V1 / V2 | 14px | 4mm | 14–80 / 14–120px |
| V3 / V4 | 32px | 8mm | 32–512px / 32px+ 无上限 |
| V5 | 24px | 6mm | 24px+(24–48px 建议改 V6) |
| V6 | 16px | — | 16–48px |
#08CA95 是不可拆卸组件——不是装饰,是品牌签名。任何彩色数字场景不得省略;颜色固定,反白版背景变深时保持原色;不得放大、缩小、移位、改色。
v4.4 最大扩展。五色做静态物料够用,做动画严重不够——所有片子都是蓝底米白字加一根金线。新增动效扩展色板四族,共 6 个新色值。点色卡复制 HEX。
KV、品牌片、战役物料、社交内容(尤其"微复古格调"方向)允许低饱和人文色系。判断标准是"低饱和、有时间感"。不开放:UI / 数据语义层 / 包装基础物料 / VI 基础物料。
Logo / 包装 / 名片 / 出版物 / 官网框架与 Hero / 品牌片 / 发布会大屏 / 投资人材料 —— 一切静态印刷永远走 A 档
五色 + 纵深族。目标是「一看就是温致」。
科普片 / 社媒短视频 / 信息流 / 直播切片 / 内容页面 / H5 / 电商详情动效
四族全开放,动态场景开放渐变与光效。目标是抓流量。
v4.3 的可读性表存在数值错误(神经绿×Deep Tide 记为 4.8:1,实为 6.8:1),v4.4 按 WCAG 2.1 重算。
| 组合 | 对比度 |
|---|---|
| 米白 × 渊 | 16.7:1 AAA |
| 米白 × 深夜 | 14.8:1 AAA |
| 信号青 × 深夜 | 11.4:1 AAA |
| 神经绿 × 深夜 | 8.3:1 AAA |
| 琥珀 × 深夜 | 8.1:1 AAA |
| 烟金 × 深海蓝 | 5.6:1 AA |
| 组合 | 对比度 |
|---|---|
| 琥珀 × 米白 | 1.8:1 |
| 神经绿 × 米白 | 1.8:1 |
| 烟金 × 米白 | 2.2:1 |
| 信号青 × 米白 | 1.3:1 |
| 层级 | 字体 | 字号 | 用途 |
|---|---|---|---|
| Display | vivoSans Bold | 72–144px | 品牌主标题、海报 |
| Headline | vivoSans SemiBold | 40–64px | 页面 / 模块标题 |
| Body | vivoSans Regular | 15–17px | 正文、电商详情 |
| Caption | vivoSans Regular | 10–11px | 数据来源、合规注释 |
| Mono | JetBrains Mono | 10–11px+ | 一切数值、参数、倒计时、URL |
留白是主动设计的元素。12 列网格 + 8 倍数间距序列:8 / 16 / 24 / 40 / 64 / 88。所有 padding/margin/gap 严格使用 8 倍数——不允许 12/20/36px 等中间值。
v4.3 是「一主七场景」的平面清单,主版被锁在品牌语境,商业场景只剩通用功效句。v4.4 改为四层,并把主版换成从用户原话里长出来的句子。
| # | 中文 | 英文 | 来源 |
|---|---|---|---|
| H1 ⭐ | 舍不得睡 | Not ready to sleep. | 用户原话,一字未改 |
| H2 | 今天还没结束 | The day isn't over. | 用户原话「不能就这样睡过去」 |
| H3 🔴 | 白天是别人的 | The day belongs to them. | 用户原话 · 只能做钩子,后面必须接主句 |
| H4 | 松开一点 | Ease up. | 品牌语 |
| H5 | 今晚早一点 | Earlier tonight. | 品牌语 |
白天给了别人,夜晚还给自己
Reject the cult of burnout. Restore the body's order.
中英分立,不是互译。"cult of burnout" 在英语语境成立(硅谷确有以睡四小时为荣的 hustle culture);中国用户没有这个心态——用户原话全是「白天是别人的」「我没得选」,不是"我崇拜透支"。
每天 20 分钟,重置自己
20 minutes a day. Reset.
商品页 / 详情页 / 直播 / 投放 / KOC —— T1 不能去的地方 T2 全部可去。"20 分钟"是可计时的实物,不是概念;"重置"是当代日常词,不养生化,且与 taVNS 让自主神经回到基线的机制真实对应。
| # | 场景 | 中文 | 说明 |
|---|---|---|---|
| S1 | 睡眠功能 | 今晚,早一点睡着 | 「早一点」是可感知的改善,不是治愈承诺 |
| S2 | 压力 / 松弛 | 白天绷着的那根弦,晚上松一下 | 身体感,不是概念 |
| S3 | 电商转化 ⭐ | 每天 20 分钟,重置自己 | = T2,主战场唯一版本,不要另造 |
| S4 | 专业 / 医疗 | 经皮迷走神经刺激(taVNS)· 自主神经调节 | 只讲机制不讲情绪 |
| S5 | 数据 / 复购 | 恢复力,看得见地长回来 | 为自有指标做心智积累 |
| S6 | 礼赠 | 把好好休息,送给他 | 不提病、不提症状 |
v4.3 的 tagline 体系只面向平面。视频有三个天然口号位,各有独立要求:
| 位 | 时长 | 要求 | 示例 |
|---|---|---|---|
| V1 · 开场钩子 | 前 3 秒 | 钩子层 H1–H5,3–6 字,不能是主句。信息流里长句必死 | 「舍不得睡。」 |
| V2 · 中段锚点 | 15–30 秒处 | 把机制翻译成身体感受,不喊口号 | 「耳朵上这条神经,是身体的刹车。」 |
| V3 · 片尾落版 ⭐ | 末 3 秒 | Logo + 主句。停留 ≥2.5 秒(低于此观众记不住),静帧不动,只留呼吸光晕 | V4 Lockup + 「白天给了别人,夜晚还给自己」 |
| 不能说 | 改说 |
|---|---|
| 治疗失眠 / 治愈 | 改善入睡体验 · 帮助放松 |
| 降低血压 / 治疗焦虑症 | 缓解紧张情绪 · 辅助放松 |
| 无副作用 / 绝对安全 | 非侵入式 · 温和刺激 |
| 替代药物 / 停药 | 可与现有作息配合使用 |
| 医疗器械(未取证时) | 健康消费电子 / 放松设备 |
⚠️ 「重置」一词的电商用法待法务复核;未获通过前,电商侧只用「每天 20 分钟」。
| 1 | ❌ Hero 式 | 颠覆、战胜、击败、突破 |
| 2 | ❌ Magician 式承诺 | 神奇、立竿见影、重塑 —— 三词全面禁用(v4.4 起「重塑」不再有语境例外) |
| 3 | ❌ Jester 式网络梗 | yyds、绝绝子、宝子 |
| 4 | ❌ Ruler 式权威 | 行业第一、唯一、最好、全球首个 |
| 5 | ❌ 焦虑营销 | 再不睡就毁了、立即下单、最后 X 小时 |
对标 WHOOP 色彩立法,但走"无警报"路线。三条不可妥协:生理数据永不用红或橙 · 神经绿 = 活性,仅等于活性 · 无渐变、平铺色阶。
| 通道 | 色族 | 色值 |
|---|---|---|
| 神经活性 / HRV | ng-700 / ng-500 / ng-200 | #057A5B · #08CA95 · #83E4CA |
| 睡眠 / 夜间 | dt-500 → dt-200 | #082A4E · #2E5680 · #5C84A8 · #A9C0D4 |
| 压力 / 松弛 | sg-700 / sg-500 / sg-300 | #8A714B · #B89D73 · #E2D6BD |
| 基线 / 无数据 | n-600 / n-400 / n-200 | #4A4F57 · #8A93A0 · #C9C2B6 |
睡眠分期:深睡 dt-500 → 浅睡 dt-400 → REM ng-500(活跃的睡眠,签名色唯一出场位)→ 清醒 n-400。深色画布用 Deep Night #051A30,不用纯黑。
⚠️ 琥珀不进数据语义层。它是叙事强调色,不是数据色。数据可视化只用上表四族。
| 指标 | 定义 | 绑定色族 |
|---|---|---|
| 恢复力 Resilience ⭐ | 0–100 核心品牌指标,晨间生成。输入:夜间 HRV、静息心率、睡眠结构、主观状态。口语锚点"我今天恢复力 82" | Neural 绿族 |
| 松弛度 Ease Index | 0–100 日间分项。日间 HRV 采样 + 主观打卡 | Smoky Gold 金族 |
| HRV / VNS | 科学缩写词抢占——温致做中文世界的 HRV 科普第一品牌。谁教育市场,谁拥有词汇 | — |
弃用词:节律分 · 安睡分 · 调律 · 疗愈分/治疗指数 · Recovery(撞 WHOOP)· Readiness(撞 Oura)· 元气值/能量值 · 解压放松回到平衡 · 重塑。
律线是温致体系里唯一天然会动的品牌符号。v4.3 曾禁止它进 KV / 包装 / 视频,导致动态物料没有可动的品牌资产。v4.4(AMEND-006)全面解禁:App 数据图形 · 科普示意图 · 视频片头/片尾/转场 · 官网 Hero · 发布会大屏 · KV · 包装。
| 状态 | 区间 | 颜色 | 文案口吻 |
|---|---|---|---|
| 充盈 | 80–100 | #08CA95 | 身体恢复得很完整。"保持就好。" |
| 平稳 | 60–79 | #2E5680 | 一切如常。"无需做什么。" |
| 偏低 | 40–59 | #B89D73 | 值得留意。"今晚早点开始你的 20 分钟。" |
| 蓄养 | 0–39 | #8A93A0 | 身体在请求休息。"把今天过得慢一点。" |
isScore: true 才允许上色。v4.3 的动效条款只回答"不许怎么动",不回答"怎么动才好看"。而"不好看"不是限制造成的,是缺方法造成的。以下参数从实拍参考片逐帧反解得出。
一个元素"稳稳站住"的手感不来自过冲本身,来自上冲与回落的时间不对称:上冲 4 帧、回落 9 帧(@30fps),比例 1:2。1:1 显轻浮,1:3 显拖沓。峰值超过 125% 开始显廉价,低于 108% 观众感知不到。
| 粒度 | 错帧量 | 粒度 | 错帧量 |
|---|---|---|---|
| 逐字(中文) | 2 帧 | 逐卡 / 逐图 | 4–6 帧 |
| 逐行 / 逐条要点 | 3–5 帧 | 逐组 / 逐模块 | 8–12 帧 |
| Token | cubic-bezier | 手感 | 用途 |
|---|---|---|---|
| ease-brand ⭐ | .16, 1, .3, 1 | 快起慢收,像松开手 | 默认。入场、位移、描画 |
| ease-settle | .34, 1.56, .64, 1 | 冲过头再回落 | 强调、数字落定、徽标 |
| ease-glide | .4, 0, .2, 1 | 对称、无个性但稳 | 转场、大块位移 |
| ease-snap | .5, 0, .1, 1 | 慢起快收 | 退场、切走 |
选择判据:元素进入用 ease-brand · 离开用 ease-snap · 穿过用 ease-glide · 持续用 linear。
一条片子从表里挑 3–5 个反复用,不要 16 个都用一遍。风格来自重复,不来自堆砌。
| 遮罩上推 ⭐ | 从下方 1.25·H 推入,不淡入,12 帧 |
| 逐字翻入 | rotateY 90°→0°,2 帧/字 |
| 缩放落定 | 0.39→1.17→1.00,ease-settle |
| 数字滚定 ⭐ | 滚动 linear,末位 ease-settle 落定 |
| 打字机 | 2–3 帧/字,光标 30 帧周期 |
| 推进 | 缓推 4–8%,全程 ease-glide |
| 甩镜 | 4–6 帧,带方向模糊 |
| 轻机位抖 | 振幅 ≤ 画幅 0.6%,可全片常驻 |
| 线扫 ⭐ | 单条线横扫 14–18 帧 —— 温致默认转场 |
| 圆形扩散 | 从视线落点起圆,20 帧 |
| 盒展开 | 矩形四边展开,16 帧 |
| 快闪白 | 2–3 帧(用米白非纯白) |
| 黑场穿越 | 出 8 + 停 2 + 进 8 帧 · 片尾前必用 |
| 光晕呼吸 ⭐ | 迷走紫径向渐变,周期 6–8s |
| 颗粒纹理 | 强度 3–6%,全片常驻 |
| 缓流渐变 | 深夜↔深海蓝,周期 ≥10s |
来源:剪映时间线录屏逐帧拆解——动效名与音效名由作者直接标注,配对关系可靠。
| ① 音效起音永远不晚于动画首帧 | 实测 12 组全部提前 0–5 帧,中位 2 帧。但不要去对峰值——选对音效,物理会替你对齐 |
| ② 语义强调 ≠ 响度强调 | 「划重点」用全片最轻的音效(−17.7 dBFS),「生理感受」用最重(−2.1)。强调是动效做的,音效只点一下;真正砸响度的是生理层情绪 |
| ③ 颜色作信号:第三色只出现一次 | 一条片子最多 3 个信号色。米白=常态、琥珀=情绪/转折、神经绿=知识点且只出现一次 |
| 维度 | 品牌片 | 内容科普片 | 社媒短视频 | 电商转化片 |
|---|---|---|---|---|
| 平均切点密度 | 1 切 / 4–8s | 1 / 2–4s | 1 / 1–2s | 服从渠道 |
| 同屏动作数 | 主 1 + 附 1 | 主 1 + 附 2 | 主 1 + 附 3 | 不限 |
| 旁白语速 | ≤4 字/秒 | 5–6 | 6–7 | 服从渠道 |
| 色板档 | A | B | B | B |
| 母带响度 | −16 LUFS | −16 | −14 | −14 |
v4.4 rev.2 新增。运动物理决定"动得好不好看",叠加层决定"信息能不能跟画面共存"——后者出问题的频率高得多。
温致的动态物料曾长期只有一种形态:满屏卡。它的问题不是不好看,是跟画面没有关系——讲到耳廓时切走实拍去放一张字卡,观众刚建立的画面感被打断,回来还要重新建立。
底下画面一花,上面的字就没了。错误的解法是把字加粗、加描边——那只会让画面更脏。正确的解法是处理背景:背景模糊 + 压暗 + 降饱和,做出一层薄玻璃。
| 档位 | 模糊 | 压暗 | 什么时候 |
|---|---|---|---|
| light | 10px | 0.28 | 底片干净(纯色墙、暗场、大留白) |
| medium | 20px | 0.42 | 默认。多数实拍 |
| heavy | 34px | 0.58 | 底片很花(人群、屏幕墙、高对比、亮白场景) |
backdrop-filter(薄玻璃)只在底片与叠加层处于同一次渲染时才生效。把叠加层单独渲成透明 PNG、事后在剪辑软件合成,玻璃会完全失效——渲染那一刻底下是空的,最后只剩一块半透明色块。
单层线在不同底片上表现完全不同:亮底片上亮色线糊掉,暗底片上暗色线消失。调颜色治不好,因为底片的明暗是变的。
① casing 套管:更粗、深色半透明 → 亮底片上把线"切"出来
② core 芯线:细、亮色 → 暗底片上负责发亮
不在玻璃里的文字一律加多向深色阴影。
-webkit-text-stroke 做异色描边:Chrome 对 HTML 文字不支持 paint-order,异色描边会盖在字面上向内吃掉笔画,中文细笔画会被吃光。用多向 text-shadow 堆轮廓。最容易漏的一处:卡片内部有玻璃保护,但卡片上方的标题是裸露的。在亮底片(米色枕头、白墙、雪地)上,浅色标题会直接消失。解法是给标题一个独立的玻璃药丸。
| 亮底 > 0.62 | 余烬 #D9603A |
| 中间 0.34–0.62 | 琥珀 #E8A33D(默认) |
| 暗底 < 0.34 | 信号青 #22E8E0 |
3D 在温致体系里不是禁区,也不是特效池。判据是它表达的是不是真实的空间关系。
理由:温致的空间感来自光和景深(见摄影原则「阴影是主角」)。分层、纵深、透视是同一件事的动态化;而旋转几何体跟品牌没有任何关系,它只证明会用工具。一条片子里 3D 手法最多用两次。
品牌不是在规范书里成立的,是在这几件东西上成立的。以下是判定"做对了没有"的可核查项。
| 尺寸 / 工艺 | 90 × 54mm · 300g 触感纸 · 正面 Deep Tide 满版 |
| 正面 | V4 反白 Lockup 居中偏上,宽度 = 卡宽 32%;神经绿签名点保持原色(不转白) |
| 背面 | 米白底 · 姓名 18pt Bold · 职位 10pt n-400 · 联系方式 JetBrains Mono 9pt |
| 禁止 | 烫金满版 · 圆角 · 二维码大于 12mm |
| 主色 | Deep Tide 或 Warm Mist 二选一,不做双色分割 |
| Logo | V4(正面)· V3 可用于礼盒烫金,但同一物料不得与 V4 混用 |
| 烟金 | 仅作辅助线 / 分隔 / 型号标注,面积占比 ≤8% |
| 神经绿 | 只出现在 Logo 签名点。包装上不做第二处绿 |
| 扩展色系 | ❌ 不开放。包装是基础物料,只走五色核心 |
| 背景 | Deep Abyss #020B16,叠一层迷走紫径向渐变,呼吸周期 6–8s |
| 主标 | T1 主句,clamp(30px, 4.6vw, 60px),字重 700,字距 −0.015em |
| 动效 | 逐行错帧 5 帧上浮 + 过冲 117%;首屏动作总量 = 主 1 + 附 1 |
| CTA | 琥珀底 + Deep Abyss 字(深底上琥珀对比 8.1:1) |
| 禁止 | 轮播 Banner · 自动播放带声视频 · 视差滚动超过两层 |
封面 Deep Tide 满版 + V4 反白;正文页 Warm Mist 底 + Graphite 字;数据页只用四通道色族;每份文档神经绿出现次数 ≤3。页脚固定 WONZ.AI · 温致科技 + 页码(JetBrains Mono)。
App 是唯一每天被打开的品牌接触点。它的设计语言从 VI 派生,但有自己的一条主线:不制造焦虑,不让数据变成考核。
深色为默认(Deep Night #051A30),不是纯黑。浅色模式用 Warm Mist。不做纯白——夜间开 App 是核心场景,纯白刺眼且反品牌。
恢复力用四态色族 + 环形量表。数值永不红、永不橙——生理数据变红等于给用户判刑。低值用蓄养态(金族低饱和),配文是"今天该慢一点",不是"警告"。
界面转场 ≤300ms,走 ease-glide;数值滚动用 ease-settle 落定。App 内不做过冲 117%——那是视频语言,界面上会显得毛躁。
| ① 不打卡不掉链 | 断掉的连续天数不做视觉惩罚(不变灰、不显示 ✗、不推"你已中断")。用户没做到,不是用户的错 |
| ② 不做排行不做对比 | 不与他人比,只与自己的基线比。文案锚点是"比你上周",不是"超过 78% 用户" |
| ③ 通知不制造紧迫 | 推送 ≤1 条/天,且不出现"立即""马上""还剩"。晚间推送时间窗 21:00–22:30,之后静默 |
App Icon 用 V5 仅图形(≥180px),深底版本。启动页只有 V5 + 呼吸光晕,不放 tagline——启动页停留 <1 秒,放字等于没放。
Hero 主资产 · 最高频
回答"温致是谁"。现代都市生活中的身体感:暮光、近肤、静止中的呼吸、居所质感、留白呼吸、绿线索。任何成片至少命中 3 码。
Campaign · 低频高强度
回答"温致有多不同"。科学与梦境之间的视觉隐喻——不是廉价玄幻,不是 AI 炫技。氛围色用迷走紫。
内容资产 · 中高频
回答"温致有多耐看"。低饱和、胶片颗粒、杂志化构图、东方现代主义。避免表层东方符号(禁茶馆/园林/毛笔)。
规范不只是文档。v4.4 配套建成 102 个 Remotion 品牌组件,全部按本规范的色板、运动物理与可读性定律实现,并在 15 种不同底片上完成合成验证。






| 版本 | 核心变化 |
|---|---|
| v4.0–4.2 | Cultural Luxury 五色发布 · vivoSans 主字体 · Logo 6 变体与反白版 |
| v4.3 | 品牌母题显式化 · 恢复力指标体系 · 数据语义层 · KV 三方向 · 审核制从打卡改气质 |
| v4.4 | 动效独立成册 · 动效扩展色板四族 · 神经绿卸任日常强调 · 律线解禁 · Tagline 四层与主版换代 · rev.2 增订叠加层体系 |
| 003 | 动效扩展色板开放(四族 6 新色 + A/B 两档授权) |
| 004 | 神经绿卸任日常强调,岗位收缩至三个,上限 7% → 5% |
| 005 | 动效纪律解绑与动态独立成册(一页一动 / 禁过冲 / 单镜头≥4s 全部废止) |
| 006 | 律线 Rhythm Line 全面解禁 |
| 007 | Tagline 四层结构与视频口号位 |
| 008 | 主版换代与 Tagline 定稿;「重塑」例外收回,回到全面禁用 |
| 009 | 叠加层体系增订(薄玻璃 / 可读性三定律 / 3D 取向);修正通用库错误前提 |
| ① 静帧检查 | 随机抽 5 帧,每帧问:这一帧单独拿出来,看得出是温致吗?看不出,说明品牌资产没进画面(律线 / 色板 / 字体 / Logo 至少要有一样在起作用) |
| ② 静音检查 | 关掉声音看一遍。看不懂 = 信息全压在旁白上,画面没干活。信息流有声播放率不足三成,静音看不懂等于白做 |
| ③ 手机检查 | 在手机上以实际观看距离看一遍。字号、线宽、对比度全在这一关暴露。别在 27 寸屏上验收竖屏片 |