# 迪诺斯 Denox — 品牌视觉规范 (Brand Spec)

## 品牌定位
- 中文名: 迪诺斯
- 英文名: Denox Environmental
- 行业: 工业烟气治理 / 脱硝环保材料
- Slogan: 让环境治理更智能,让绿色未来更可见。
- 气质: 专业稳重 — 工业级 B 端

## 色彩系统

### 主色 (Primary)
源自 Logo 的工业蓝渐变,代表科技、可靠、纯净。

- `--denox-blue-900`: oklch(28% 0.09 245)   /* 深空蓝 标题/底色 */
- `--denox-blue-700`: oklch(42% 0.14 245)   /* 主品牌蓝 主操作 */
- `--denox-blue-500`: oklch(58% 0.18 245)   /* 亮蓝 强调 */
- `--denox-blue-300`: oklch(78% 0.08 245)   /* 浅蓝 背景/边线 */

### 生态辅色 (Eco Accent)
源自 Logo 的叶片,代表减排、可持续、环境治理。

- `--denox-green-700`: oklch(52% 0.16 145)  /* 深绿 数据/图表 */
- `--denox-green-500`: oklch(64% 0.18 145)  /* 主辅色 */
- `--denox-green-300`: oklch(82% 0.10 145)  /* 浅绿 背景晕染 */

### 中性色 (Steel Neutrals)
工业感的冷中性,不用纯黑/纯灰。

- `--ink`:      oklch(20% 0.012 250)         /* 主文字 */
- `--ink-2`:    oklch(38% 0.012 250)         /* 副文字 */
- `--ink-3`:    oklch(58% 0.012 250)         /* 弱文字/标签 */
- `--line`:     oklch(90% 0.008 250)         /* 分割线 */
- `--surface`:  oklch(99% 0.003 250)         /* 卡片 */
- `--bg`:       oklch(97% 0.005 250)         /* 页面背景 */
- `--bg-alt`:   oklch(94% 0.008 250)         /* 间隔区 */

### 功能色 (Status)
- `--success`: oklch(60% 0.16 150)
- `--warning`: oklch(72% 0.16 75)
- `--danger`:  oklch(58% 0.20 25)
- `--info`:    oklch(62% 0.14 230)

### 数据可视化色阶
七色阶,从蓝到绿,适合排放数据/治理效率。
- 渐变: blue-700 → blue-500 → cyan → teal → green-500 → green-700

## 字体系统

### Display (标题 / 数字)
`'PingFang SC', 'Source Han Sans CN', -apple-system, 'Segoe UI', system-ui, sans-serif`
权重: 600/700/800,字间距 -0.02em

### Body (正文)
`-apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif`
行高: 1.65,字间距 0

### Mono (数据/代码/编号)
`'JetBrains Mono', 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace`
`font-variant-numeric: tabular-nums`

## 字号阶梯
- Display XL: clamp(48px, 6vw, 96px)  /* 封面大标题 */
- Display L:  clamp(36px, 4vw, 64px)  /* 章节大标题 */
- H1:         32px / 40px
- H2:         24px / 32px
- H3:         18px / 26px
- Body L:     16px / 26px
- Body:       14px / 22px
- Caption:    12px / 18px

## 间距系统 (8 网格)
4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96 / 128

## 圆角
- 锐利组件 (工业感): 4px / 6px
- 卡片: 8px
- 大区块/Hero: 12px
- 标签/Pill: 999px
- 避免 16px+ 的大圆角 (太消费类)

## 边线/阴影
- 边线优先于阴影,1px 实线 `--line`
- 仅在浮层/弹窗用阴影: `0 8px 24px -8px oklch(20% 0.05 245 / 0.12)`
- 不用大面积发光/渐变背景

## Logo 用法
- 安全间距: Logo 高度的 1/2 留白
- 最小尺寸: 屏幕 24px / 印刷 12mm
- 禁用: 改色、旋转、倾斜、加描边、放在低对比背景上
- 配色:
  - 浅底: 完整双色 Logo
  - 深底 (主蓝/黑): 反白单色版本
  - 单色印刷: 全黑或全白

## 图像/插图原则
- 优先用真实工业摄影 (烟气治理装置、催化剂、工厂场景)
- 数据可视化用品牌色阶
- 不用 emoji / 卡通插图 / 抽象渐变
- 一张主图 + 一个数据图 = 一屏的视觉支点

## 版式原则
- 网格优先,大量留白
- 一屏一个视觉中心
- 标题左对齐,数据右对齐
- 避免居中堆叠所有元素