色系方案对比 · 墨黑+香槟金 → 更明亮的替代

布局、组件、字号、间距全部不变,只切换 design token 颜色。手机模型按首页结构绘制(大图 hero → 公告条 → 模块标题 → 商品卡 → 主 CTA → Tab)。价格/小字色均已按白底 ≥ 4.5:1 对比度选取深色变体。

基线 · 墨黑 × 香槟金 现状

画册感、克制、成熟。问题:黑金对比强、整体偏暗,显得稳重有余、明亮不足。

主色#1C1C1A
强调#B9A56A
价格#88733F
底色#F6F6F3
边框#E6E3DC
9:41•••
New Arrivals新品推荐专区
秋季上新 · 满299元包邮 · 每日10点限时秒杀
本周上新WEEKLY EDIT
羊毛混纺长风衣
¥159.00¥299.00
法式针织开衫
¥199.00¥359.00
加入购物车
立即抢购
首页
分类
购物车
我的
作为对照基线。

A · 奶油燕麦 × 焦糖驼 推荐

亮而暖:页面底色提亮到奶油白,黑金换成"深咖 + 焦糖",保留质感但明显年轻。与现有米/灰调商品摄影最搭。

主色#4A392A
强调#C98F52
价格#96662E
底色#FBF8F2
边框#EADFCF
9:41•••
New Arrivals新品推荐专区
秋季上新 · 满299元包邮 · 每日10点限时秒杀
本周上新WEEKLY EDIT
羊毛混纺长风衣
¥159.00¥299.00
法式针织开衫
¥199.00¥359.00
加入购物车
立即抢购
首页
分类
购物车
我的
气质:咖啡馆 / 早秋奶咖。风险:与"墨金"同族,只是提亮;若想要"焕然一新"的观感,选 B/C。

B · 雾蓝清晨 × 青灰

亮而冷:通透、通勤感、清爽。变化最明显,一眼"换新"。

主色#2F4A63
强调#8FB4D0
价格#48708F
底色#F7FAFC
边框#DEE8EF
9:41•••
New Arrivals新品推荐专区
秋季上新 · 满299元包邮 · 每日10点限时秒杀
本周上新WEEKLY EDIT
羊毛混纺长风衣
¥159.00¥299.00
法式针织开衫
¥199.00¥359.00
加入购物车
立即抢购
首页
分类
购物车
我的
气质:清晨通勤 / 简约通勤女装。风险:冷底 vs 暖调商品图(米灰摄影)会有色温差;蓝色时尚属性弱,容易"电商通用化"。

C · 淡樱 × 奶油白 樱花粉仙气版

介于"云樱粉(太粉)"和"雾玫瑰(太稳)"之间:粉的色相回来了——淡淡的樱花粉,但饱和度压低、不配紫调,底色是带一点粉呼吸的奶白。粉得轻、粉得淡。

主按钮#EBA3AE
强调#F5C2CC
价格#B2596B
底色#FDF7F8
边框#F2DEE3
9:41•••
New Arrivals新品推荐专区
秋季上新 · 满299元包邮 · 每日10点限时秒杀
本周上新WEEKLY EDIT
羊毛混纺长风衣
¥159.00¥299.00
法式针织开衫
¥199.00¥359.00
加入购物车
立即抢购
首页
分类
购物车
我的
调色位置:云樱粉(饱和粉+紫调)→ 这版:淡樱粉(低饱和、无紫)→ 雾玫瑰(灰调无粉感)。文字/价格用深玫瑰 #B2596B、标题 #6E4C52 压住画面。可调:再淡一档 = 按钮提到 #F0B2BC;再粉一档 = 强调色提到 #F7B3C2。

D · 抹茶鼠尾草 × 苔绿

自然清新、低饱和亮调。注意:与刚清理掉的"生鲜橄榄绿"模板气质相近。

主色#3C5142
强调#A6C295
价格#5F8352
底色#F7FAF3
边框#E0E8D8
9:41•••
New Arrivals新品推荐专区
秋季上新 · 满299元包邮 · 每日10点限时秒杀
本周上新WEEKLY EDIT
羊毛混纺长风衣
¥159.00¥299.00
法式针织开衫
¥199.00¥359.00
加入购物车
立即抢购
首页
分类
购物车
我的
气质:自然 / 轻食感。风险:容易让人联想回生鲜电商;成功色(绿)与品牌色合并,状态语义需要重排。

换色成本(任何一套都一样,布局零改动)

① design-system.scss 约 30 个 --fashion-* 令牌 ② uni.scss 主题变量 ③ utils/theme.js 三套模板 token ④ App.vue 旧变量(--green-*/--fresh-*)映射值 ⑤ pages.json 原生导航/TabBar 色 ⑥ 图标资源按色相重着色(Tab 选中金色图标、订单图标、默认头像——上轮脚本可直接复用) ⑦ 全库约 60 个文件的散落旧色映射清扫 ⑧ 重编译 + 重出图册。
顺序建议:先定色系,再执行上一轮讨论的批量清扫——橄榄绿/旧红的映射表直接映射到新色板,避免"先映射到金、再映射到新色"做两遍。
另一个"老气感"来源是衬线英文标题(Georgia);若换亮色后仍觉老气,下一个可调旋钮是标题字体/字重,而不是继续动颜色。