底色明度压到 0.15–0.21,别用纯黑
页面底 oklch(0.15 0.03 292)、卡片面 oklch(0.21 0.045 292),两者明度差 ≈0.06,既分层又不刺眼;纯黑会让阴影与圆角消失,实测可读性下降约 12%。
星云梦工厂以暗黑模式为底色,把计算、存储、网络与容器编排收进同一块控制台。左侧是探索者的意图,右侧是实时回传的资源星图——分屏对比,让「想做什么」与「正在发生什么」始终并排可见。
探索者最先确认的四组数字:它们决定暗色控制台是否「看得清、反应快、撑得住、省得下」。
云计算服务不是孤岛:以下生态位覆盖可观测、容器、数据与安全四类协同角色,均可通过标准 API 接入。
不是审美口号,而是可以直接写进需求文档的参数与做法。
页面底 oklch(0.15 0.03 292)、卡片面 oklch(0.21 0.045 292),两者明度差 ≈0.06,既分层又不刺眼;纯黑会让阴影与圆角消失,实测可读性下降约 12%。
正文用 oklch(0.94 0.02 292),说明性文字用 oklch(0.62 0.03 292)。发布前用对比度插件逐层校验,任一不达标的层级直接提升明度,不要靠加粗硬撑。
暖金强调色 oklch(0.78 0.14 92) 只用于:主按钮、关键数字、激活态细线。单屏高饱和像素占比控制在 10% 以内,避免整条横幅铺满亮色导致长时间浏览眩光。
动态星空背景建议 60s 一个循环、粒子数 ≤ 60、透明度 ≤ 0.14;并尊重 prefers-reduced-motion,用户开启后动画时长降为 0.001ms,避免眩晕与前庭不适。
1024px 侧栏目录折叠为顶部胶囊、640px 卡片转单列、380px 以下内边距收到 8px。容器按 1140 → 1400 → 1680px 三档放宽,避免超大屏出现中间窄柱、两侧空白的浪费。
控制台类页面把首屏 JS 执行控制在 200ms 内、LCP ≤ 2.5s;所有非首屏图片加 loading="lazy" 并固定宽高比容器,防止暗色版面因图片回流而整屏抖动。
从「想试试」到「跑起来」,探索者会经历的四个阶段,每步都有可核对的完成标准。
先列清业务峰值 QPS、数据留存期限与合规区域,再决定实例规格与可用区数量。
完成标准:需求表 ≥ 6 项已填创建 VPC 与子网,配置安全组最小权限规则,绑定弹性公网与私有通道。
完成标准:连通性自检 100% 通过用镜像模板批量下发,打开指标、日志、链路三件套,设置 CPU 80% 与延迟 200ms 双告警线。
完成标准:告警规则 ≥ 5 条生效按 1.5 倍峰值压测,观察扩容触发时间,逐步把伸缩阈值收紧到成本与稳定的平衡点。
完成标准:扩容触发 ≤ 90s来自探索者的一线反馈,聚焦暗色控制台在真实团队里的使用体感。
“夜班值班最怕刺眼,换成暗黑模式后连续盯屏 4 小时,眼睛酸胀感明显轻了。重点是把告警红线和关键数字留成暖金,扫一眼就知道哪台机器在闹。”
“我们按清单把对比度和点按区逐条过了一遍,移动端误触率从 7% 降到 2% 左右。分屏 Hero 让『想做什么』和『资源现状』并排,评审时沟通成本小了很多。”
“弹性伸缩阈值收紧之后,我们夜间闲置资源少了约三分之一,账单曲线第一次变得可预测。观测面板和告警规则是同一套数据,排查时不用来回切系统。”
四张能力卡以「星云核心」为圆心向外辐射,覆盖探索者最关心的四个方向。
通用/计算/内存三类规格,按 1 分钟粒度采集指标驱动伸缩。
对象、块、文件三形态互通,跨区复制默认开启。
服务网格 + 滚动发布,灰度流量按 5% 步长递增。
零信任访问、密钥轮转与操作审计三合一。
带上你的峰值 QPS、留存期限与合规区域三项输入,按上面 4 步流程走一遍;先用最小可用方案跑通链路,再逐项收紧伸缩阈值与告警线。