从品牌判断到生产代码，只使用一套设计语言。
Omninal Design System 将标识、Token、无障碍组件、多端产物、产品文案与治理统一到一个可版本化的设计与工程真源。
设计与代码之间，建立一份精确合约。
同一份 DTCG Token 真源现在可生成 Web、Figma、SwiftUI、Compose 与 Android XML 产物。首批 13 个 React 基础组件已记录交互状态、内容规则、无障碍行为与 Storybook 示例；尚未完成的原生组件不会被包装成“已完成”。
- DTCG Token
- 131
- Primitive、Semantic、Component 三层
- React 基础组件
- 13
- 状态、内容、无障碍与 Storybook
- 平台目标
- 5
- Web、Figma、SwiftUI、Compose、Android XML
- 语言夹具
- 3 + RTL
- 简中、英文、韩文与 RTL 测试
- 01Primitive
颜色、字体、间距、圆角和动效的原始值。
- 02Semantic
前景、表面、边框与状态等稳定语义角色。
- 03Component
供组件和各平台包消费的局部决策。
- Web CSS
- TypeScript
- Figma Variables
- SwiftUI
- Compose
- Android XML
原生 Token 文件是真实生成产物；原生 UI 组件仍明确标记为下一阶段实现。
三条品牌支柱
设计方案应能对应至少一条支柱。无法对应时，优先回到本页校准方向。
一个架构，四个产品
统一体现在单一标识系统、固定网格、统一组件和一致的产品命名方式上。产品线不另造 Logo。
清楚、可核对、可执行
确定性体现在清晰的比例、可复制的排版、等宽数字、明确状态和可追溯的审批流程上。
适用于多市场与多语言
色彩、字体和功能语义需要适配不同市场。涨跌色按市场惯例切换，品牌识别不依赖红绿。
九个章节，一套标准
每章对应一类交付内容：从品牌判断、基础视觉到组件、应用、文案和治理流程。
品牌核心
定义品牌判断基础：定位、支柱和人格区间。
标识系统
聚合之星、字标与组合标——比例由母版锁定，句点只能有一个。
色彩系统
以蓝为主的全球体系：核心蓝、黑白回退、扩展色与市场化涨跌色。
字体
定义标题、正文、数字和多语言排版的基础规则。
图形语言
定义 Dot Path、Dot Grid、Aperture 三类图形母题及使用边界。
应用实例
展示支付卡、名片、Dashboard、KV 与社媒版式的标准用法。
UI Kit & 组件覆盖
记录 DTCG 主题 Token、生产组件、交互状态与平台边界。
语调
定义内部、产品和对外材料的写作原则与用词边界。
品牌治理
规范如何被执行：取用、审批、第三方三条流程与版本记录。