# dapeng.uno 设计系统规范 (Design System) v2.3

> 面向开发人员与 AI Coding Agents 的 dapeng.uno 品牌 IP 与官方设计系统规范。
> 定版标志：1B 实心圆角正方蒙版 (Squircle Mask App Icon)。
> 风格准则：单色极简（Ink #111111 / Paper #F4F4F1）、实心块状（Blocky）、工程质感，零彩色渐变。

## 1. 快速接入协议

### A. 网页端图标引用 (<head>)
```html
<link rel="icon" href="https://design.dapeng.uno/icons/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="https://design.dapeng.uno/icons/favicon.svg">
```

### B. 引入设计系统样式
```html
<link rel="stylesheet" href="https://design.dapeng.uno/tokens.css">
```

### C. 统一子产品导航结构 (Header Lockup)
任何接入 dapeng.uno 的子系统（如 newapi API 网关）必须使用此结构：
```html
<div class="dp-header-lockup">
  <img src="https://design.dapeng.uno/icons/favicon.svg" width="20" height="20" alt="dapeng">
  <span class="dp-brand">dapeng</span>
  <span class="dp-sep">/</span>
  <span class="dp-product">{PRODUCT_NAME}</span>
</div>
```

### D. 常用按钮与加载态 (Button & Loading States)
```html
<button class="dp-btn dp-btn-primary" onclick="this.classList.toggle('loading')">
  <span class="dp-btn-spinner"></span>
  <span>提交申请</span>
</button>
```

## 2. 模块文档索引
- 标志规范: https://design.dapeng.uno/md/logo.md
- 图标规范: https://design.dapeng.uno/md/icons.md
- 颜色字体: https://design.dapeng.uno/md/color.md
- 组件库代码: https://design.dapeng.uno/md/components.md
- 动效与骨架屏: https://design.dapeng.uno/md/motion.md
- 使用禁忌: https://design.dapeng.uno/md/usage.md
