UI Design System
build dev

月白色系

中性色。范围为白、米白至冷灰,克制、留白,适合内容、文档、设计工具和极简产品。传统色参考:月白、象牙白、缟素、雪白、浅云。月白主题以深色文字与低饱和辅助色建立层级,不以近白色作按钮文字或焦点色。
实验本期新增已接入

色系介绍

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

色域展示

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

主题色块基准色接入状态
月白#D4E5EF已接入
象牙白待设计确认待接入
缟素待设计确认待接入
雪白待设计确认待接入
浅云待设计确认待接入

主题列表

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

月白
微蓝冷白;适用文档、知识、设计系统。基准色来源:《中国传统色·故宫里的色彩美学》整理色表(design/themes.md 参考来源),UI 主色待校准。
浅色+深色预览传统色:月白
实验本期新增已接入
象牙白
温润米白;适用阅读、家居、生活方式。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:象牙白
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
缟素
中性柔白;适用企业工具、表单、内容平台。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:缟素
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
雪白
清亮纯白;适用医疗、科技、极简界面。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:雪白
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
浅云
淡冷灰白;适用后台、代码、低干扰背景。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:浅云
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。

跨主题组件对比

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