用途:把整套界面统一为现代、分析性、技术感且高级的深色设计系统,覆盖页面背景、布局框架、卡片、导航、排版、数据模块与动效。适合需要“绿色信号色叠加在深色运营表面”的产品界面,强调冷静、精确、产品级,而非通用霓虹赛博朋克或普通企业深色模式。
主要能力:以黑或近黑为基底,在页面背景、面板与抬升表面之间做细微色调分层;用祖母绿、薄荷或受控科技绿作为主信号色,用于激活态、实时指示、边框细节与聚焦区域;通过淡网格线、垂直参考线、角括号、刻度标记、等宽系统标签与工具性元数据营造“被仪表化”的技术框架;卡片采用深色玻璃或哑光外壳、细渐变边框、柔和内辉光、克制模糊与精确间距;绿色辉光保持局部化,只点缀关键组件。
使用方式:采用结构化仪表盘或模块化布局,保持强节奏、一致间距与清晰分段的数据表面;标题与正文用干净无衬线字体,标签、系统 ID、时间戳与微元数据用等宽字体;绿色出现在状态点、进度填充、角标、渐变、激活边框、图表高亮与强调小标签中;背景可加淡斜纹、技术网格或柔和图案叠加,但保持低对比;卡片用一像素外壳、角部细节与深色内面板,而非扁平矩形;动效应功能性,如遮罩揭示、悬停微亮、安静辉光变化或克制的图表运动。
可调参数:绿色强度(可读为信号色但不刺眼)、表面抬升(背景与卡片对比度)、技术密度(参考线、角标、刻度与元数据多少)、辉光半径(保持小范围)、纹理量(仅在空白处使用淡斜纹或网格)。
限制与避免:不要全屏绿色辉光或喧闹霓虹黑客风;不要无表面层级与框架逻辑的纯黑布局;不要忽略技术括号系统的通用 SaaS 卡片;不要混入过多无关强调色稀释绿色信号语言;不要给每个组件都加亮边框、动效或辉光。具体安装命令与代码示例暂未提供。