面向新型电力系统的台区治理中后台 / BI 大屏 / 移动端三端统一设计语言。对齐公司 V5 VI,承接 11 模块 / 29 页面 / 5 层架构,让设备"管起来、看起来、算清楚"。
深海军蓝定纵深,金色划重点,玻璃拟态造层次。芯片公司的精度 + 国网汇报的稳重 + Apple 级的克制。
深海军蓝渐变背景 + 玻璃拟态卡片 + 金色高光线条,构成"远景—中景—近景"三层视觉纵深。大屏一眼可读,中后台层次分明。
仅保留数据过渡与地图飞线两类动效;KPI 大数字用 DIN 等宽防跳动;图表下静态标注百分比。每一笔金色都用在刀刃上。
令牌单一源(packages/shared/tokens),三端构建时注入。亮/暗双主题同源切换,移动端 KPI 金色数值与大屏统一品牌记忆。
品牌双色 + 状态六色 + 置信度三色,共 11 个语义化令牌。每个色值有明确用途,禁止就地改色。
思源黑体 Heavy 立标题骨架,DIN Alternate 撑 KPI 大数字等宽防跳动,Cormorant Garamond 斜体作金色点缀。
8 倍数间距阶 · 三档圆角 · 三层阴影体系。所有尺寸均有令牌,禁止魔法数。
卡片 8px 圆角 · 药丸标签 999px · 小元素 4px。统一圆角语言延续公司文档 V5 视觉。
大屏纵深渐变 · 金色强调渐变 · 分隔线渐变 · 主色渐变。四套渐变覆盖所有场景。
KpiCard · StatusPill · GlassCard · GradientDivider · RaciMatrix —— 五大基础组件覆盖 29 页面 80% 场景。
46 台区实时健康度评估,绿黄红三色着色,点击下钻台区详情。
模糊 + 饱和度 + 内描边 + 投影四件套。深色背景下 6% 白透明,亮色背景下 50% 白透明,统一 shadowGlass。
46 台区实时上图,状态着色
8 类自研设备 + 一次设备
本月告警处置闭环
克制是美德。仅脉冲、浮动、流转、微光四类动效,覆盖数据呼吸、状态指示、加载、强调四场景。