JR杰瑞 · 矿物暖墨设计规范速查

01 / COLOR

矿物基底

50 纸底var(--mn-50)

100 区块var(--mn-100)

200 卡片var(--mn-200)

300 描边var(--mn-300)

400 次级var(--mn-400)

500 弱化var(--mn-500)

600 正文var(--mn-600)

700 强字var(--mn-700)

800 标题var(--mn-800)

暗模式色阶整体反转：--mn-50 变深墨 #14120F，--mn-800 变浅纸 #F2ECE1。写样式只引用序号，不要在业务 CSS 里写死十六进制。

暖墨三色 · 生态归属

画室 / 官网

赭石 Ochre

#B4532A → 暗模式 #D98A4E

剧场

藤黄 Gamboge

#D99A2B → 暗模式 #E0A83C

衣橱

松绿 Pine

#2F5D50 → 暗模式 #5A9A88

藤黄在浅底上文字场景必须用深版 #9E6A15，否则对比度不达标。

02 / TYPE

字号与行高

48主标题

38区块标题

24卡片标题

18导语 · 行高 1.75

16正文 · 行高 1.75

14辅助说明

12EYEBROW 标签

标题思源宋体 900 靠换行断句，不加标点；正文思源黑体。

03 / SPACING

间距阶梯

4

8

12

16

24

32

48

64

96

section 上下 140px，卡片内边距 32px，卡片圆角 18/21/17/20px 交替。

04 / COMPONENTS

基础组件

按钮

卡片

核心

分集剧本

按集生成，可单独进入修改，不受其它模块状态阻塞。

辅助

美术设定

定稿前分镜不会生成，避免下游返工。

已完成

成片输出

按分镜打包下载，只补缺失项。

表格

时间	生态	项目	额度	状态
09-09 11:42	短剧工坊	分镜生成	12	完成
09-09 10:18	杰瑞绘画	画布重绘	4	完成
09-08 22:05	橱窗衣橱	造型推荐	2	处理中

空态

还没有生成记录

创建第一个项目后，这里会显示它的进度与产物。

Tabs

06 / ECOSYSTEMS

三生态签名组件

三个生态共享一套地基，各自有完整闭环。签名组件是唯一的差异化落点，靠 data-eco 挂载，不复制代码。

画室 · 画布舞台

线稿

上色

--eco: 赭石

剧场 · 分镜条 + 集数进度轨

01 开场

4s · 全景

02 对峙

6s · 中景

03 反打

3s · 特写

04 收束

5s · 远景

--eco: 藤黄

衣橱 · 造型卡片墙

通勤 · 周一

外套内搭下装

周末 · 松弛

针织长裤鞋履

出席 · 稳重

西装衬衫配饰

--eco: 松绿

07 / APP THEMES

应用层六套主题 · 去霓虹后

原 6 套主题主色全为高饱和冷色发光色，已整体替换为暖墨三色的明度变体。

ocean~~#00e0f0~~→~~#D98A4E~~赭石

garden~~#8cf06a~~→~~#5A9A88~~松绿亮

cosmos~~#b480ff~~→~~#B4532A~~赭石

dream~~#f0a0c0~~→~~#E0A83C~~藤黄

glass~~#D99A2B~~→~~#D99A2B~~藤黄（原已合规）

holo~~#00ffc8~~→~~#2F5D50~~松绿

替换由 assets/theme-mineral.181000.css 承担：40 条自动生成的规则（覆盖 styles.css 中的单行霓虹规则）+ 6 套主题变量覆盖。新 CSS 一律新建带时间戳文件并追加 link，不改名、不覆写。

05 / RULES

七项禁项

无渐变

装饰性渐变一律纯色

无霓虹

高饱和冷色发光色下线

无粒子

不接受背景颗粒动画

无鼠标光晕

不接受跟随指针光效

无毛玻璃

不接受 backdrop-filter

无 emoji 图标

统一 24×24 描边 SVG

无等宽数字

数字用比例字形

生态可独立

三个生态共享地基，不串联

品牌表述统一为「三个独立生态 + 共享一套地基」，禁止讲成"必须串联的流水线"。