群青色系
冷色。范围为标准蓝至亮蓝,可靠、清晰,适合数字产品、企业服务和高频交互。传统色参考:群青、宝蓝、石青、帝释青、柔蓝。
实验本期新增已接入
色系介绍
- 本系共 5 个主题:群青、宝蓝、石青、帝释青、柔蓝。
- 已接入主题(1 个)提供完整色阶与语义映射,可点进详情并复制配置;待接入主题仅有元数据,基准色待设计确认。
- 主题选择先定色系气质,再按各主题描述的场景(品牌、消费、工具等)与模式支持(浅色 / 深色)细化。
色域展示
色块为该主题色阶的基准传统色(baseHex,来源见各主题详情);待接入主题基准色未确认,以灰色占位标注。
| 主题 | 色块 | 基准色 | 接入状态 |
|---|---|---|---|
| 群青 | #2E59A7 | 已接入 | |
| 宝蓝 | 待设计确认 | 待接入 | |
| 石青 | 待设计确认 | 待接入 | |
| 帝释青 | 待设计确认 | 待接入 | |
| 柔蓝 | 待设计确认 | 待接入 |
主题列表
共 5 个主题(构建期统计);已接入主题可进入详情,待接入主题标注原因、暂不可进入。
群青
高识别正蓝;适用通用企业产品、主操作。基准色来源:《中国传统色·故宫里的色彩美学》整理色表(design/themes.md 参考来源),UI 主色待校准。
浅色+深色预览传统色:群青
实验本期新增已接入
宝蓝
饱满亮蓝;适用科技、金融、品牌门户。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:宝蓝
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
石青
稳定矿物蓝;适用文化科技、创意工具。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:石青
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
帝释青
清澈亮蓝;适用云服务、开发者平台。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:帝释青
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
柔蓝
低饱和浅蓝;适用内容、教育、低压力工具。基准色待设计确认,色阶待生成。
浅色+深色预览传统色:柔蓝
实验本期新增待资产接入
基准色待设计确认,色阶与语义映射待资产接入;本期不可进入详情。
跨主题组件对比
跨主题组件对比预览待接入
同一组件在本系多个主题下的渲染对比依赖组件 Token 映射与主题预览能力,均为后续批次;接入前本区不提供静态截图,以免与真实渲染产生偏差。