UI Design System
build dev

玄青色系

中性色。范围为黑、墨至深灰蓝,沉浸、稳重,是首版完整深色主题体系(5 主题完整定义深色背景层级、反转文字、边框、浮层、遮罩、图表与交互状态)。传统色参考:玄青、玄色、乌黑、墨色、百草霜。
实验本期新增已接入

色系介绍

  • 本系共 5 个主题:玄青、玄色、乌黑、墨色、百草霜。
  • 已接入主题(5 个)提供完整色阶与语义映射,可点进详情并复制配置;待接入主题仅有元数据,基准色待设计确认。
  • 主题选择先定色系气质,再按各主题描述的场景(品牌、消费、工具等)与模式支持(浅色 / 深色)细化。

色域展示

色块为该主题色阶的基准传统色(baseHex,来源见各主题详情);待接入主题基准色未确认,以灰色占位标注。

主题色块基准色接入状态
玄青#232B38已接入
玄色#2A2422已接入
乌黑#2D2D2D已接入
墨色#363230已接入
百草霜#3D3B38已接入

主题列表

共 5 个主题(构建期统计);已接入主题可进入详情,待接入主题标注原因、暂不可进入。

跨主题组件对比

跨主题组件对比预览待接入
同一组件在本系多个主题下的渲染对比依赖组件 Token 映射与主题预览能力,均为后续批次;接入前本区不提供静态截图,以免与真实渲染产生偏差。