深色对比度修复
- 正文灰字调亮至 #E7D9CD 以上
- 标题增加深色投影
- 光晕透明度减半并退到文字后方
视觉迭代 / VISUAL SYSTEM
shared tokens · three moods
三主题
视觉样张
本轮视觉迭代做了三件事：深色对比度修复、全彩渐变版、科技蓝纯色版。三套主题共用同一份 tokens 与组件，只切换 themes.css 的主题类。
下面每个区块都是现场渲染，可直接对照样张 PNG 查看效果。
全彩渐变版
亮起来，传出去。
蓝紫粉渐变背景 + 白色玻璃卡片 + 深色文字。明亮外放，适合社交传播。
科技蓝纯色版
专业，是最硬的信任状。
纯蓝底 + 白字 + 白玻璃卡。层级清楚，按钮和关键数字用更亮的蓝白对比强化。
深色对比度修复
修复字体对比度：正文灰字调亮、标题加投影、光晕减弱。深色仍然是战役主调，但正文久读不累。
28 天获客证明计划
不承诺被推荐
只承诺全公开
20 个目标问题 × 5 大 AI 引擎 × 5 项硬指标。第 28 天公开全部数据，包括失败。
查看实验规则 →
Live render · .theme-dark-v2
修复清单
BEFORE → AFTER正文灰字偏暗，深底上久读吃力
AFTER正文灰字调亮至 #E7D9CD 以上
标题与背景对比不足，冲击力被吃掉
AFTER标题增加深色投影
光晕靠近文字，阅读被干扰
AFTER光晕透明度减半并退到文字后方
全彩渐变版
亮起来，传出去。蓝紫粉渐变背景 + 白色玻璃卡片 + 深色文字，明亮外放，适合社交传播。
全彩渐变版 · SOCIAL FIRST
亮起来，传出去。
蓝紫粉渐变背景 + 白色玻璃卡片 + 深色文字。玻璃卡半透明、柔和阴影、细描边；明亮外放，适合社交传播。
蓝紫粉渐变
高饱和渐变让画面在信息流里先被看见。
白色玻璃卡
半透明、柔和阴影、细描边；深色文字撑住可读性。
社交传播
明亮外放，适合朋友圈、小红书与活动页。
玻璃卡拉升：半透明卡面把背景的光透进来，同时用细描边和柔和阴影把层级抬起来；卡内文字保持深色，亮背景不牺牲可读性。
适用场景：社交传播、活动页、需要色彩先抓住注意力的展示位。
科技蓝纯色版
专业，是最硬的信任状。纯蓝底 + 白字 + 白玻璃卡，按钮与关键数字用更亮的蓝白对比强化，适合 B2B 场景。
层级策略：纯色底负责“稳”，白玻璃卡负责“读”，按钮与关键数字负责“抢”。三件事分工明确，页面就专业。
适用场景：B2B 方案页、数据汇报、商务合作与需要建立信任的场合。
三主题速查
同一套组件，换主题类即换气质。选型看场景，不看好恶。
深色修复版 v2
.theme-dark-v2- 背景
- 深巧克力墨色，光晕减弱并退到内容后方
- 文字
- 亮米白标题 + ≥ #E7D9CD 正文灰，带暗色投影
- 卡片
- 深底轻描边卡，靠描边和留白分层
- 按钮
- 蓝紫 → 玫红渐亮胶囊按钮
- 适用场景
- 战役主视觉、长文阅读、实验数据页
全彩渐变版
.theme-gradient- 背景
- 蓝紫粉渐变 + 径向光晕
- 文字
- 白色主文字；玻璃卡内用深色文字
- 卡片
- .glass-card：半透明白、柔和阴影、细描边
- 按钮
- 亮色胶囊按钮，压住渐变背景
- 适用场景
- 社交传播、活动页、色彩优先的展示位
科技蓝纯色版
.theme-blue- 背景
- 科技蓝纯色渐变，干净直接
- 文字
- 纯白文字；卡片内深蓝标题 + 灰蓝正文
- 卡片
- 高不透明白玻璃卡，边界清楚
- 按钮
- 白底蓝字按钮，关键数字用白色放大
- 适用场景
- B2B 方案页、数据汇报、商务合作
看完整场实验
不承诺被推荐，只承诺全公开。五指标、路线图、军令状都在计划页。