Brand Guidelines · 2026-08-11
在现代过载生活中,通过非侵入式神经调控,重建身体和精神的秩序。

调性总纲:让先锋科技具备身体感,让恢复疗愈这件事拥有科技感。

T1 · 品牌语境 · 中文市场
白天给了别人,夜晚还给自己
T1 · 品牌语境 · 英文市场
Reject the cult of burnout.
Restore the body's order.
T2 · 交易语境
每天 20 分钟,重置自己
20 minutes a day. Reset.
WONZ Inc. · 温致科技 · 北京 / 深圳 / 硅谷 · 批准 Steven Du · 公司内部机密
01 · Core

品牌内核

温致既不是医疗器械公司(不进医院、不卖给临床医生),也不是普通健康消费品(功效有 JAMA Network Open 2024 论文与 RCT 数据背书)。这个"中间地带"是真正的机会。

双原型

Sage 智者 60% × Caregiver 看护 40%。判断冲突时优先 Sage。

五大特质

克制 / 温暖 / 清晰 / 笃定 / 长期 —— 必须同时成立。

语调校准

专业而不冰冷,温暖而不讨好。

三大支柱

Pillar 01 · 临床严谨Pillar 02 · 文化深度Pillar 03 · 日常陪伴
JAMA RCT 数据是品牌信誉基石东方对"恰到好处的温度"的理解每天 20 分钟仪式,融入居所空间
设计审核原则:看气质,不打卡。判断作品是否长出温致的气息——有审美的锋利也有情绪的安定,有科技的清醒也有人的温度。不同媒介允许不同音量,但都指向同一个温致。

克制是气质,不是手段的贫乏。品牌片的动效上限已全面放开——我们靠尺度、对比、暗度和节奏做出安静的力量,不靠"少动"来证明克制。
03 · Color

色彩系统

v4.4 最大扩展。五色做静态物料够用,做动画严重不够——所有片子都是蓝底米白字加一根金线。新增动效扩展色板四族,共 6 个新色值。点色卡复制 HEX。

五色核心 · 静态物料永远只走这套

深海蓝 Deep Tide
#082A4E
主色 · 42% · 夜间低唤醒
米白 Warm Mist
#F2EBE0
呼吸色 · 35% · 主背景
烟金 Smoky Gold
#B89D73
奢华签名 · ≤8%
神经绿 Neural Green
#08CA95
签名色 · ≤5% · 仅三岗位
石墨 Graphite
#1A1D21
正文 · 替代纯黑
🔴 v4.4 规则改动:神经绿卸任日常强调。 五色里唯一能"跳"出来的只有神经绿,于是每个重点都靠它——结果要么超 5% 违规,要么画面根本没有层次。一个颜色只有稀有才是信号。

神经绿只剩三个岗位:① Logo 签名点 ② 关键结论的一次点睛 ③ HRV 数据通道。日常强调移交琥珀 #E8A33D

动效扩展色板 · 四族

纵深族 Depth

画布与层次
NEW
渊 Abyss
#020B16
真黑场替代品
深夜 Deep Night
#051A30
夜间主底
NEW
潮升 Tide Lift
#0F3E6E
前景卡片面
天际 Horizon
#2E5680
远景、次要元素

活性族 Neural

签名与信号
深神经绿
#057A5B
HRV 数据低档
神经雾
#83E4CA
深底次要文字
NEW
信号青 Signal
#22E8E0
仅动效瞬时 · 禁静态填充

暖强调族 Ember

重点与情绪 · 本次核心
NEW
琥珀 Amber ⭐
#E8A33D
主强调色 · 深底专用
NEW
余烬 Ember
#D9603A
情绪与转折 · 禁进生理数据
暖沙 Sand
#E2D6BD
深底正文替代

氛围族 Atmosphere

背景 · 光效 · 世界观
NEW
迷走紫 Vagus Violet
#4B3A7C
神经/梦境语义 · 光晕
城市夜色 Dusk
#2B3242
都市场景底
陶土 Clay
#A65A3F
微复古格调
旧绿 Moss
#6B7A5A
微复古格调

人文疗愈扩展色系 · 限非标视觉作品(AMEND-002)

KV、品牌片、战役物料、社交内容(尤其"微复古格调"方向)允许低饱和人文色系。判断标准是"低饱和、有时间感"。不开放:UI / 数据语义层 / 包装基础物料 / VI 基础物料。

暗橘 / 陶土
#A65A3F
美拉德
#8C5A36
旧绿
#6B7A5A
暖灰
#9A9188
皮肤色
#D9B9A3
城市夜色
#2B3242

两档授权

A 档 · 品牌严格

Logo / 包装 / 名片 / 出版物 / 官网框架与 Hero / 品牌片 / 发布会大屏 / 投资人材料 —— 一切静态印刷永远走 A 档

五色 + 纵深族。目标是「一看就是温致」

B 档 · 内容宽泛

科普片 / 社媒短视频 / 信息流 / 直播切片 / 内容页面 / H5 / 电商详情动效

四族全开放,动态场景开放渐变与光效。目标是抓流量

可读性对照 · v4.4 全量复算

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
琥珀是深底强调色,不是通用强调色。浅底强调仍用烟金(装饰)或 Graphite(文字)。

深底上琥珀 8.1 与神经绿 8.3 基本持平——改用琥珀的理由是稀缺性,不是可读性。
04 · Typography

字体与留白

层级字体字号用途
DisplayvivoSans Bold72–144px品牌主标题、海报
HeadlinevivoSans SemiBold40–64px页面 / 模块标题
BodyvivoSans Regular15–17px正文、电商详情
CaptionvivoSans Regular10–11px数据来源、合规注释
MonoJetBrains Mono10–11px+一切数值、参数、倒计时、URL

留白是主动设计的元素。12 列网格 + 8 倍数间距序列:8 / 16 / 24 / 40 / 64 / 88。所有 padding/margin/gap 严格使用 8 倍数——不允许 12/20/36px 等中间值。

字体禁忌:✗ Roboto/Helvetica/Arial ✗ 苹方/雅黑作 Display ✗ 装饰字体/花字/立体字 ✗ 全大写紧字距"刻奇科技风" ✗ 拉伸压扁 ✗ 深底极细字重
05 · Language

Tagline 四层结构

v4.3 是「一主七场景」的平面清单,主版被锁在品牌语境,商业场景只剩通用功效句。v4.4 改为四层,并把主版换成从用户原话里长出来的句子

① 钩子层 · 3–6 字 · 信息流前 3 秒

#中文英文来源
H1 ⭐舍不得睡Not ready to sleep.用户原话,一字未改
H2今天还没结束The day isn't over.用户原话「不能就这样睡过去」
H3 🔴白天是别人的The day belongs to them.用户原话 · 只能做钩子,后面必须接主句
H4松开一点Ease up.品牌语
H5今晚早一点Earlier tonight.品牌语

② 主句层 · 双主版

T1 · 品牌语境

白天给了别人,夜晚还给自己

Reject the cult of burnout. Restore the body's order.

中英分立,不是互译。"cult of burnout" 在英语语境成立(硅谷确有以睡四小时为荣的 hustle culture);中国用户没有这个心态——用户原话全是「白天是别人的」「我没得选」,不是"我崇拜透支"。

T2 · 交易语境

每天 20 分钟,重置自己

20 minutes a day. Reset.

商品页 / 详情页 / 直播 / 投放 / KOC —— T1 不能去的地方 T2 全部可去。"20 分钟"是可计时的实物,不是概念;"重置"是当代日常词,不养生化,且与 taVNS 让自主神经回到基线的机制真实对应。

写文案的五条自检(v4.4 立): ① 句中有没有一个能看见、能摸到、能计时的东西?没有 → 大概率 AI 味 ② 是否站在用户这边(心疼、共情),而不是评价或训导用户 ③ 是否绝对合规 ④ 主句 ≤10 字且能喊 ⑤ 是否给自有资产(恢复力 / 每天 20 分钟)做心智积累

⚠️ 对仗过于工整 = 设计感 = AI 味。真话很少那么整齐。先定站位,再定措辞——站位错了,措辞打磨多少遍都是错的。

③ 场景句层 · 落地到具体渠道

#场景中文说明
S1睡眠功能今晚,早一点睡着「早一点」是可感知的改善,不是治愈承诺
S2压力 / 松弛白天绷着的那根弦,晚上松一下身体感,不是概念
S3电商转化 ⭐每天 20 分钟,重置自己= T2,主战场唯一版本,不要另造
S4专业 / 医疗经皮迷走神经刺激(taVNS)· 自主神经调节只讲机制不讲情绪
S5数据 / 复购恢复力,看得见地长回来为自有指标做心智积累
S6礼赠把好好休息,送给他不提病、不提症状

④ 视频口号位 · v4.4 新增(AMEND-005)

v4.3 的 tagline 体系只面向平面。视频有三个天然口号位,各有独立要求:

时长要求示例
V1 · 开场钩子前 3 秒钩子层 H1–H5,3–6 字,不能是主句。信息流里长句必死「舍不得睡。」
V2 · 中段锚点15–30 秒处把机制翻译成身体感受,不喊口号「耳朵上这条神经,是身体的刹车。」
V3 · 片尾落版末 3 秒Logo + 主句。停留 ≥2.5 秒(低于此观众记不住),静帧不动,只留呼吸光晕V4 Lockup + 「白天给了别人,夜晚还给自己」
V3 是全片唯一允许神经绿以外颜色静止 2 秒以上的画面。其余任何时候,静止超过 2 秒都要检查是不是节奏出了问题。

合规底线 · 硬红线

不能说改说
治疗失眠 / 治愈改善入睡体验 · 帮助放松
降低血压 / 治疗焦虑症缓解紧张情绪 · 辅助放松
无副作用 / 绝对安全非侵入式 · 温和刺激
替代药物 / 停药可与现有作息配合使用
医疗器械(未取证时)健康消费电子 / 放松设备

⚠️ 「重置」一词的电商用法待法务复核;未获通过前,电商侧只用「每天 20 分钟」。

语言五铁律

1❌ Hero 式颠覆、战胜、击败、突破
2❌ Magician 式承诺神奇、立竿见影、重塑 —— 三词全面禁用(v4.4 起「重塑」不再有语境例外)
3❌ Jester 式网络梗yyds、绝绝子、宝子
4❌ Ruler 式权威行业第一、唯一、最好、全球首个
5❌ 焦虑营销再不睡就毁了、立即下单、最后 X 小时
06 · Data

数据语义层

对标 WHOOP 色彩立法,但走"无警报"路线。三条不可妥协:生理数据永不用红或橙 · 神经绿 = 活性,仅等于活性 · 无渐变、平铺色阶

四通道色族 · 绑定关系一经发布不得更改

通道色族色值
神经活性 / HRVng-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,不用纯黑。

⚠️ 琥珀不进数据语义层。它是叙事强调色,不是数据色。数据可视化只用上表四族。

专有指标体系

指标定义绑定色族
恢复力 Resilience0–100 核心品牌指标,晨间生成。输入:夜间 HRV、静息心率、睡眠结构、主观状态。口语锚点"我今天恢复力 82"Neural 绿族
松弛度 Ease Index0–100 日间分项。日间 HRV 采样 + 主观打卡Smoky Gold 金族
HRV / VNS科学缩写词抢占——温致做中文世界的 HRV 科普第一品牌。谁教育市场,谁拥有词汇

弃用词:节律分 · 安睡分 · 调律 · 疗愈分/治疗指数 · Recovery(撞 WHOOP)· Readiness(撞 Oura)· 元气值/能量值 · 解压放松回到平衡 · 重塑

律线 Rhythm Line · v4.4 解禁

律线是温致体系里唯一天然会动的品牌符号。v4.3 曾禁止它进 KV / 包装 / 视频,导致动态物料没有可动的品牌资产。v4.4(AMEND-006)全面解禁:App 数据图形 · 科普示意图 · 视频片头/片尾/转场 · 官网 Hero · 发布会大屏 · KV · 包装。

非强制画法参考(防止做俗,可覆盖):单条优于多条叠加 · 1.5–2pt 在 1080p 下最耐看 · 周期 ≥3s 的低频缓波优于高频锯齿(锯齿 = 医疗仪器语义)· 振幅 ≤ 画面高度 8% · 与真实 HRV 数据绑定时最有力量 · 发光/拖尾/粒子化会迅速廉价化

四态状态语言 · 绑定恢复力 Resilience

状态区间颜色文案口吻
充盈80–100#08CA95身体恢复得很完整。"保持就好。"
平稳60–79#2E5680一切如常。"无需做什么。"
偏低40–59#B89D73值得留意。"今晚早点开始你的 20 分钟。"
蓄养0–39#8A93A0身体在请求休息。"把今天过得慢一点。"
最低档用最安静的颜色。别家的红色说"你完了",温致的雾灰说"歇一歇"。低分文案给一个具体小动作,禁警告图标、禁愧疚句。

⚠️ 四态色族只能套 0–100 的恢复力量表。计数类指标(5 晚、47 分钟、3 次)套上去会算出荒谬结果——代码中须显式标记 isScore: true 才允许上色。
07 · Motion

运动物理

v4.3 的动效条款只回答"不许怎么动",不回答"怎么动才好看"。而"不好看"不是限制造成的,是缺方法造成的。以下参数从实拍参考片逐帧反解得出。

过冲与落定 · 117% 与 1:2 不对称

LIVE · 左:过冲落定(正确) 右:匀速缩放(对照)
0.39 → 1.17 → 1.00
线性,没有落定感

一个元素"稳稳站住"的手感不来自过冲本身,来自上冲与回落的时间不对称:上冲 4 帧、回落 9 帧(@30fps),比例 1:2。1:1 显轻浮,1:3 显拖沓。峰值超过 125% 开始显廉价,低于 108% 观众感知不到。

错帧 Stagger

LIVE · 上:逐字错帧 2 帧 下:同时淡入
粒度错帧量粒度错帧量
逐字(中文)2 帧逐卡 / 逐图4–6 帧
逐行 / 逐条要点3–5 帧逐组 / 逐模块8–12 帧

缓动曲线族

Tokencubic-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。

转场与动效词汇表 · 精选 16 条

一条片子从表里挑 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
慎用清单(不是禁止,是容易做砸):故障抖动(全片 ≤1 次,只在表达"系统失序"时)· 霓虹辉光(仅"视觉奇观"Campaign 片)· 粒子(只用烟/雾,禁樱花雪流星火花)· 快切连击(<6 帧的连切只允许出现在社媒钩子前 3 秒)。

音画对齐 · 三条立法

来源:剪映时间线录屏逐帧拆解——动效名与音效名由作者直接标注,配对关系可靠。

① 音效起音永远不晚于动画首帧实测 12 组全部提前 0–5 帧,中位 2 帧。但不要去对峰值——选对音效,物理会替你对齐
② 语义强调 ≠ 响度强调「划重点」用全片最轻的音效(−17.7 dBFS),「生理感受」用最重(−2.1)。强调是动效做的,音效只点一下;真正砸响度的是生理层情绪
③ 颜色作信号:第三色只出现一次一条片子最多 3 个信号色。米白=常态、琥珀=情绪/转折、神经绿=知识点且只出现一次

媒介音量参考 · 非强制

维度品牌片内容科普片社媒短视频电商转化片
平均切点密度1 切 / 4–8s1 / 2–4s1 / 1–2s服从渠道
同屏动作数主 1 + 附 1主 1 + 附 2主 1 + 附 3不限
旁白语速≤4 字/秒5–66–7服从渠道
色板档ABBB
母带响度−16 LUFS−16−14−14
信息流前 3 秒的反直觉打法:在一片喧闹里,"安静的反差"本身就是 pattern interrupt——静帧 + 一句话 + 一个动作,比满屏特效更能停住手指。
一屏可以有几个动作?v4.3「一页一动」已废止(App UI 除外),改为一个主动作 + N 个附属动作:附属幅度 ≤ 主动作 1/3,且必须在主动作之后 ≥6 帧起。主次靠时间差与幅度差建立,不靠数量限制。
08 · Overlay

叠加层

v4.4 rev.2 新增。运动物理决定"动得好不好看",叠加层决定"信息能不能跟画面共存"——后者出问题的频率高得多

有画面就叠,别切走

温致的动态物料曾长期只有一种形态:满屏卡。它的问题不是不好看,是跟画面没有关系——讲到耳廓时切走实拍去放一张字卡,观众刚建立的画面感被打断,回来还要重新建立。

判据一句话:如果切走画面之后观众会"断片",那就别切,叠上去。满屏卡只在真的没有底片时用——纯文字过场、章节页、片头片尾落版。

薄玻璃 —— 叠加层能不能读清,全看这个

底下画面一花,上面的字就没了。错误的解法是把字加粗、加描边——那只会让画面更脏。正确的解法是处理背景:背景模糊 + 压暗 + 降饱和,做出一层薄玻璃。

花底片
没有玻璃
底片一花,文字直接糊掉
glass: none
花底片
medium 档玻璃
模糊 20px · 压暗 0.42 · 降饱和 0.85
glass: medium
档位模糊压暗什么时候
light10px0.28底片干净(纯色墙、暗场、大留白)
medium20px0.42默认。多数实拍
heavy34px0.58底片很花(人群、屏幕墙、高对比、亮白场景)
🔴 技术前提(不知道这条会白做)
backdrop-filter(薄玻璃)只在底片与叠加层处于同一次渲染时才生效。把叠加层单独渲成透明 PNG、事后在剪辑软件合成,玻璃会完全失效——渲染那一刻底下是空的,最后只剩一块半透明色块。

两条路:① 在 Remotion 里连底片一起渲;② 在剪辑软件里自己加"复制底片 → 高斯模糊 → 压暗 → 遮罩"。

可读性三定律

定律一 · 线走双层描边

单层线在不同底片上表现完全不同:亮底片上亮色线糊掉,暗底片上暗色线消失。调颜色治不好,因为底片的明暗是变的。

亮底片 单层 · 糊 双层 · 清晰

① casing 套管:更粗、深色半透明 → 亮底片上把线"切"出来
② core 芯线:细、亮色 → 暗底片上负责发亮

定律二 · 裸文字必须带 halo

不在玻璃里的文字一律加多向深色阴影。

不要用 -webkit-text-stroke 做异色描边:Chrome 对 HTML 文字不支持 paint-order,异色描边会盖在字面上向内吃掉笔画,中文细笔画会被吃光。用多向 text-shadow 堆轮廓。

定律三 · 标题在玻璃外面时,给它自己的玻璃

最容易漏的一处:卡片内部有玻璃保护,但卡片上方的标题是裸露的。在亮底片(米色枕头、白墙、雪地)上,浅色标题会直接消失。解法是给标题一个独立的玻璃药丸。

按底片明暗选强调色

亮底 > 0.62余烬 #D9603A
中间 0.34–0.62琥珀 #E8A33D(默认)
暗底 < 0.34信号青 #22E8E0

3D 的取向:做空间,不做炫技

3D 在温致体系里不是禁区,也不是特效池。判据是它表达的是不是真实的空间关系

✅ 做

  • 分层展开(产品内部有几层)
  • 纵深排列(近大远小、远处虚化)
  • 透视网格(空间坐标系)
  • 翻面揭示(正面问题背面答案)
  • 环绕标注(绕到后面变小变淡)

❌ 不做

  • 旋转的立方体
  • 无意义的翻滚
  • 炫技的镜头绕飞
  • 为了动而动的 3D 文字
  • 霓虹立体字

理由:温致的空间感来自光和景深(见摄影原则「阴影是主角」)。分层、纵深、透视是同一件事的动态化;而旋转几何体跟品牌没有任何关系,它只证明会用工具。一条片子里 3D 手法最多用两次。

09 · Applications

关键物料规范

品牌不是在规范书里成立的,是在这几件东西上成立的。以下是判定"做对了没有"的可核查项。

名片

尺寸 / 工艺90 × 54mm · 300g 触感纸 · 正面 Deep Tide 满版
正面V4 反白 Lockup 居中偏上,宽度 = 卡宽 32%;神经绿签名点保持原色(不转白)
背面米白底 · 姓名 18pt Bold · 职位 10pt n-400 · 联系方式 JetBrains Mono 9pt
禁止烫金满版 · 圆角 · 二维码大于 12mm

包装

主色Deep Tide 或 Warm Mist 二选一,不做双色分割
LogoV4(正面)· V3 可用于礼盒烫金,但同一物料不得与 V4 混用
烟金仅作辅助线 / 分隔 / 型号标注,面积占比 ≤8%
神经绿只出现在 Logo 签名点。包装上不做第二处绿
扩展色系❌ 不开放。包装是基础物料,只走五色核心

官网 Hero

背景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 · 自动播放带声视频 · 视差滚动超过两层

PPT / 提案

封面 Deep Tide 满版 + V4 反白;正文页 Warm Mist 底 + Graphite 字;数据页只用四通道色族;每份文档神经绿出现次数 ≤3。页脚固定 WONZ.AI · 温致科技 + 页码(JetBrains Mono)。

10 · App

App 设计语言

App 是唯一每天被打开的品牌接触点。它的设计语言从 VI 派生,但有自己的一条主线:不制造焦虑,不让数据变成考核

画布

深色为默认(Deep Night #051A30),不是纯黑。浅色模式用 Warm Mist。不做纯白——夜间开 App 是核心场景,纯白刺眼且反品牌。

数据呈现

恢复力用四态色族 + 环形量表。数值永不红、永不橙——生理数据变红等于给用户判刑。低值用蓄养态(金族低饱和),配文是"今天该慢一点",不是"警告"。

动效预算

界面转场 ≤300ms,走 ease-glide;数值滚动用 ease-settle 落定。App 内不做过冲 117%——那是视频语言,界面上会显得毛躁。

三条产品语气规则

① 不打卡不掉链断掉的连续天数不做视觉惩罚(不变灰、不显示 ✗、不推"你已中断")。用户没做到,不是用户的错
② 不做排行不做对比不与他人比,只与自己的基线比。文案锚点是"比你上周",不是"超过 78% 用户"
③ 通知不制造紧迫推送 ≤1 条/天,且不出现"立即""马上""还剩"。晚间推送时间窗 21:00–22:30,之后静默

Icon 与启动

App Icon 用 V5 仅图形(≥180px),深底版本。启动页只有 V5 + 呼吸光晕,不放 tagline——启动页停留 <1 秒,放字等于没放。

11 · Imagery

影像与 KV

① 都市疗愈

Hero 主资产 · 最高频

回答"温致是谁"。现代都市生活中的身体感:暮光、近肤、静止中的呼吸、居所质感、留白呼吸、绿线索。任何成片至少命中 3 码。

② 视觉奇观

Campaign · 低频高强度

回答"温致有多不同"。科学与梦境之间的视觉隐喻——不是廉价玄幻,不是 AI 炫技。氛围色用迷走紫

③ 微复古格调

内容资产 · 中高频

回答"温致有多耐看"。低饱和、胶片颗粒、杂志化构图、东方现代主义。避免表层东方符号(禁茶馆/园林/毛笔)。

摄影基础原则

🔴 产品保真红线:佩戴位置、耳部结构、贴合关系必须真实准确。AI 生成产品图必须人工复核。产品本体镜禁横移 / 后拉运镜——镜头移出源图范围后模型只能 outpainting 现编,在医疗器械上等于凭空发明产品特征(实测曾多出带橙色发光指示灯的接头)。
12 · Library

品牌组件库 · 102 个

规范不只是文档。v4.4 配套建成 102 个 Remotion 品牌组件,全部按本规范的色板、运动物理与可读性定律实现,并在 15 种不同底片上完成合成验证。

82
叠加层 Overlay
透明底,叠在画面上。默认形态
20
满屏场景 Scene
自带底色,仅在无底片时用
10
并列版式
10 种不同排列关系
12
信息卡
讲几点、对比、四象限
10
3D 空间
分层、纵深、透视、翻面
10
数据
不切走画面报数
9
文字
关键词、字幕、引语
8
标注
指着画面里的东西说话
8
流程状态
流程、时间轴、进度
6
构图
画中画、分屏、取景框
5
质感
颗粒、暗角、色调统一
4
测量
标尺、尺寸、角度
BulletPanel
BulletPanel · 要点玻璃板讲几点最扎实的形式
ParallelRadial
ParallelRadial · 中心辐射核心 + 分支的排列关系
Layer3DExplode
Layer3DExplode · 分层爆炸讲产品内部结构
CalloutPin
CalloutPin · 指示标注指着实拍里的东西说话
KPIRow
KPIRow · 指标行一次报多个数
KeywordPop
KeywordPop · 关键词浮出跟着口播长在画面上
选型的三步排除:① 先定"这一拍在干什么" → 定组 ② capacity 排除(条目数与字数超了就换)③ avoidWhen 复核,特别注意排列关系的误用——几点有先后别用辐射、完全独立别用串联轨、权重相同别用错落柱。

一条片子从同一组里挑 3–5 个反复用。风格来自重复,不来自堆砌。
13 · Governance

治理

版本史

版本核心变化
v4.0–4.2Cultural Luxury 五色发布 · vivoSans 主字体 · Logo 6 变体与反白版
v4.3品牌母题显式化 · 恢复力指标体系 · 数据语义层 · KV 三方向 · 审核制从打卡改气质
v4.4动效独立成册 · 动效扩展色板四族 · 神经绿卸任日常强调 · 律线解禁 · Tagline 四层与主版换代 · rev.2 增订叠加层体系

修订决议 AMEND-003 ~ 009

003动效扩展色板开放(四族 6 新色 + A/B 两档授权)
004神经绿卸任日常强调,岗位收缩至三个,上限 7% → 5%
005动效纪律解绑与动态独立成册(一页一动 / 禁过冲 / 单镜头≥4s 全部废止)
006律线 Rhythm Line 全面解禁
007Tagline 四层结构与视频口号位
008主版换代与 Tagline 定稿;「重塑」例外收回,回到全面禁用
009叠加层体系增订(薄玻璃 / 可读性三定律 / 3D 取向);修正通用库错误前提

出片前质检 · 三条

① 静帧检查随机抽 5 帧,每帧问:这一帧单独拿出来,看得出是温致吗?看不出,说明品牌资产没进画面(律线 / 色板 / 字体 / Logo 至少要有一样在起作用)
② 静音检查关掉声音看一遍。看不懂 = 信息全压在旁白上,画面没干活。信息流有声播放率不足三成,静音看不懂等于白做
③ 手机检查在手机上以实际观看距离看一遍。字号、线宽、对比度全在这一关暴露。别在 27 寸屏上验收竖屏片

两条红线 · 违反即不得发布

① 生理数据不做惊吓视觉。心率、HRV、睡眠数据永不红、永不橙、永不闪烁、永不配警报音。这不是审美选择,是产品伦理——温致卖的是放松,不能靠制造焦虑来证明自己有用。

② 产品本体镜禁横移 / 后拉运镜。AI 生成模型在画面外扩时会 outpainting 凭空发明产品特征(多一个按钮、变一个接口)。产品镜只用固定机位或极轻微推进。
规范解释权与例外审批:Steven Du · steven@wonz.ai 例外申请:market@wonz.ai(SLA 3 个工作日)

重大偏离需书面修订决议,AMEND 编号自 010 续接。手艺参数例外:缓动、过冲、错帧、音画对齐等参数属非规范性内容,随实测更新,可由内容负责人直接修订并注明来源。
已复制