UI Design System
build dev

黛蓝色系

冷色。范围为深蓝至藏蓝,稳重、安全,适合政企、金融、开发者和复杂工作台。传统色参考:黛蓝、藏蓝、绀青、鸦青、墨蓝。
实验本期新增已接入

色系介绍

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

色域展示

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

主题色块基准色接入状态
黛蓝#46586A已接入
藏蓝待设计确认待接入
绀青待设计确认待接入
鸦青待设计确认待接入
墨蓝待设计确认待接入

主题列表

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

黛蓝
灰调深蓝;适用政企、文档、专业后台。基准色为工作参考值,基准色待设计确认,UI 主色待校准。
浅色+深色预览传统色:黛蓝
实验本期新增已接入
藏蓝
稳重正深蓝;适用金融、企业、安全产品。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:藏蓝
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
绀青
高浓度蓝;适用开发者工具、数据平台。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:绀青
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
鸦青
接近黑的蓝灰;适用沉浸式编辑、深色导航。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:鸦青
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
墨蓝
柔和墨调蓝;适用知识、写作、文化科技。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:墨蓝
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。

跨主题组件对比

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