冷静控制台风Calm Console
你可能会说
把工作台做成 Linear 那种感觉：灰白底、细描边、字小但密，强调色只留一点紫，安静但高级。
冷静控制台风是 Linear、Vercel、Raycast 这批主流效率工作台共同的视觉语言：中性灰白底、1px 细描边分层、小字号高密度信息，全站只留一种低饱和强调色它的高级感来自克制而不是元素：不用阴影和渐变，靠描边与灰阶拉开层次；数字统一等宽，指标读起来像仪表；状态用小徽标而不是大色块。代价是它天生「不惊艳」——第一眼很安静，内容密度不够时会显得寡淡。
也常被叫作Linear 风Geist 风冷静面板Calm Console
设计原则 · Principles
- 底色只用中性灰白：浅色态底 #FAFAFA、卡片 #FFFFFF；深色态底 #101112、卡片 #18191A。色温不偏蓝不偏暖，高级感先建立在「没有杂色」上
- 分层用 1px 细描边不用阴影：浅色 #E4E4E7、深色 #292A2E，模块边界看得见但不出挑；不上渐变、不上装饰插画
- 全站唯一强调色（#5E6AD2 一档的紫，深色态提亮为 #8B93E8），只给主操作、选中态和链接，面积控制在一屏 5% 以内
- 小字号高密度：正文 13px、辅助 12px，标题克制；数字、日期、计数一律 tabular-nums 表格数字，指标列自动对齐、读起来像仪表
- 状态用低饱和小徽标说：进行中绿、风险琥珀、待办灰，10% 透明度底色 + 同色系描边，不用大色块喊
- 深浅双态是一套设计：版式与组件完全不动，只翻 token——三级灰阶与描边整体翻转、强调色提亮一档，连选中态都是同一个 1px 描边语法
容易混淆？这样区分
冷静控制台风≠深色专业工具风
都说自己「专业」，但深色专业工具风是创作工具的皮——近黑画布、常驻高密度工具条，屏幕留给作品本身；冷静控制台风是管理面板——灰白底板、模块分区，屏幕留给数据和状态。
冷静控制台风≠深色界面（Dark UI）
Dark UI 只是把浅色配色反转的通用做法；冷静控制台的核心是密度与克制——细描边、单强调色、等宽数字。它的浅色态同样高级，恰恰证明这风格不靠深色撑着。
AI 提示词 · Prompt
把这个工作台改成冷静控制台风：浅色态底 #FAFAFA、卡片 #FFFFFF、描边 #E4E4E7、文字 #18191A/#6B6E76/#A1A1AA；深色态底 #101112、卡片 #18191A、描边 #292A2E、文字 #E4E4E7/#8A8F98/#5C6066。全站唯一强调色 #5E6AD2（深色态 #8B93E8），只用于主按钮、选中态和链接；不用阴影、不用渐变。正文 13px、辅助 12px，所有数字加 font-variant-numeric: tabular-nums；状态用低饱和小徽标（绿/琥珀/灰，10% 透明底 + 同色描边）。保留现有一切功能，不动文案，两态共用一套版式与组件，主题切换只改 token。
典型使用场景
工作台首页 · 浅色态
左右滑动查看完整示例
▦MY WORKBENCH
搜索…⌘K今天目标知识库收藏本地 Vault · 已同步 09:41今天9 / 18＋ 新建
进行中目标
3
+1 本周
本周任务
12/18
+4 已完成
新增笔记
8
知识库 · 本周
uni-workbench 冷静控制台样张进行中9/19
目标卡：人生操作系统 v2 里程碑拆解风险9/20
整理《Life OS》读书笔记 3 条待办9/22
确定 Q3 回顾的 5 个议程9/25
快捷入口
Raycast
Notion目标与进度 · 深色态
左右滑动查看完整示例
目标 · 2026 Q34 个 · 1 项风险周回顾 · 周五 20:00
把 uni-workbench 改造成人生操作系统
里程碑 3/7 · 下一个：清理旧数据层
上线 BuildHub PRO 付费层
里程碑 2/5 · 等样张风格定稿
每月 4 篇长文稳定输出
连续 2 周未更新，需要重新排期
跑通一次独立开发播客
目标已完成，等归档
进度条、里程碑计数与百分比全部 tabular-nums · 选中目标=1px 强调色描边
⌘K 命令面板 · 浮层
左右滑动查看完整示例
⌘K 是这个风格的标准入口：一切操作先聚焦、再执行，面板压在变暗的界面上而不是跳页
深浅双态 · 同一版式
左右滑动查看完整示例
深色浅色
今天9 / 18
进行中目标
3
本周任务
12/18
冷静控制台样张进行中
人生操作系统改造
深色态 · 强调 #8B93E8
今天9 / 18
进行中目标
3
本周任务
12/18
冷静控制台样张进行中
人生操作系统改造
浅色态 · 强调 #5E6AD2
同一套版式与组件，切换的只有 token：卡片 #18191A↔#FFFFFF、描边 #292A2E↔#E4E4E7、强调 #8B93E8↔#5E6AD2，数字两态都是 tabular-nums
延伸阅读 · 权威出处