迪诺斯 Denox — 品牌视觉规范 VI Guidelines

01 · Logo 使用

SECTION 01 / 06

标准组合 · 中英文 DEFAULT

反白版本 · 深色背景 INVERSE

品牌渐变背景 · 主视觉 HERO

最小尺寸 · 数字

24 px

屏幕显示最小高度

最小尺寸 · 印刷

12 mm

名片/小尺寸物料

主色 · 工业蓝

#3A6BC9

OKLCH(42% 0.14 245)

辅色 · 生态绿

#4FA855

OKLCH(52% 0.16 145)

安全间距 · X = Logo 高度的 1/2

Logo 周围必须保留至少等于其自身高度 ½ 的留白区域,以保证视觉呼吸与品牌识别度。任何文字、图形、边线、色块都不能进入此安全区。

禁用案例 — 以下使用方式破坏品牌一致性,严禁出现

禁止倾斜变形

禁止改色

禁止过小使用

禁止低对比背景

02 · 色彩系统

SECTION 02 / 06

主色 — Denox Blue

源自 Logo 的工业蓝渐变,代表科技、可靠、纯净的处理工艺。用于主要 CTA、品牌封面、章节标识。

PRIMARY · USE ≥ 60%

Blue 900

OKLCH 28% 0.09 245

Blue 700 ★

OKLCH 42% 0.14 245

Blue 500

OKLCH 58% 0.18 245

Blue 300

OKLCH 78% 0.08 245

Blue 100

OKLCH 94% 0.025 245

辅色 — Eco Green

源自 Logo 叶片,代表减排成效、可持续与生态承诺。用于数据可视化、生态指标、品牌点缀。

SECONDARY · USE ≤ 20%

Green 700 ★

OKLCH 52% 0.16 145

Green 500

OKLCH 64% 0.18 145

Green 300

OKLCH 82% 0.10 145

Green 100

OKLCH 95% 0.04 145

中性色 — Steel Neutrals

工业感的冷调中性,不使用纯黑/纯灰。承担正文、副文字、分割线与背景层级。

NEUTRAL · STRUCTURE

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

OKLCH 97% 0.005 250

功能色 — Status

用于状态提示、表单反馈、数据警示。色彩克制,不与主色争夺注意力。

STATUS · UI ONLY

Success

OKLCH 60% 0.16 150

Warning

OKLCH 72% 0.16 75

Danger

OKLCH 58% 0.20 25

Info

OKLCH 62% 0.14 230

数据可视化色阶 — 7 阶,蓝→绿,用于排放治理类图表

未处理

初处理

中等

达标

优良

极优

近零排放

03 · 字体系统

SECTION 03 / 06

Display · 标题PingFang SC / Source Han Sans

脱硝即未来 Building the cleaner industry of tomorrow.

Body · 正文System UI / PingFang SC

迪诺斯 Denox 为高排放工业场景提供高效、可靠、可持续的烟气治理与脱硝催化剂解决方案。我们的产品已在全国 12 个省份的钢铁、电力、水泥与化工企业中实现规模化应用。 Body 16 / 26 · Caption 12 / 18 · Caption Mono for metadata

Mono · 数据 · 编号JetBrains Mono / IBM Plex Mono

NOx 排放浓度 32.4 mg/Nm³ ↓ 87.2% SO₂ 排放浓度 18.6 mg/Nm³ ↓ 91.5% 脱硝效率 96.8 % ▲ 2.1 工况稳定时长 8,640 h 持续达标项目编号 DNX-2024-1108

字号阶梯

DISPLAY XL

48–96 px

1.02

让环境治理更智能

DISPLAY L

36–64 px

1.1

让绿色未来更可见

32 px

1.25

章节标题 · 全场景脱硝方案

24 px

1.33

小节标题 · 催化剂技术参数

18 px

1.44

段落标题 · 工艺优势详述

BODY L

16 px

1.63

长文阅读用大字号,适合标书与正式报告。

BODY

14 px

1.57

默认正文,适合 UI 界面与说明性文字。

CAPTION

12 px

1.5

caption · for labels, meta, footnotes

04 · 版式与网格

SECTION 04 / 06

12 列网格 · Gutter 16px · Max-Width 1280px Margin 32px · Baseline 8px

8 网格间距系统

--s-1

4 px

图标内边距 · 文字间距

--s-2

8 px

标签间隔 · 紧密元素

--s-3

12 px

按钮内边距 · 小卡片

--s-4

16 px

默认间距 · 列表行高

--s-5

24 px

卡片间距 · 模块内填充

--s-6

32 px

区块边距 · 页面内边距

--s-7

48 px

小节分隔 · 章节标题间距

--s-8

64 px

大区块间距

--s-9

96 px

Hero 与正文间距

--s-10

128 px

封面与首屏巨型留白

05 · UI 组件

SECTION 05 / 06

按钮 · BUTTONS

padding 10/18 · radius 6px · weight 600 · letter-spacing 0

状态标签 · PILLS

● 排放达标 ▲ 临界值 ■ 超标预警 i 待审核已归档

padding 4/12 · radius 999 · mono 11px · weight 600

数据卡片 · METRIC

NOX 减排量 · 单台年化

14,820 tons / yr

▲ 12.4% vs 行业均值

87 %

章节卡片 · CHAPTER CARD

CHAPTER 03

脱硝催化剂全生命周期管理

从催化剂选型、装填、运行监测到再生与处置,全流程闭环管理,延长寿命 25%。

06 · 图像与传播

SECTION 06 / 06

工业摄影 · 治理装置

叶片 / 自然 · 生态主题

品牌渐变 · 主视觉

技术蓝图 · 工艺示意

数据可视化 · 暗色主题

图像使用原则

✓ 真实工业摄影 — 烟气治理装置、催化剂、工厂场景
✓ 数据图表 — 使用 7 阶品牌色阶,蓝→绿走向
✓ 工艺示意 — 蓝图风格,栅格线 + 单色线稿
✓ 一张主图 + 一个数据图 = 一屏视觉支点
✗ 不使用 emoji 或卡通插图
✗ 不使用与品牌色冲突的多彩渐变背景
✗ 不使用低分辨率/网络下载/AI 生成感强烈的图像
✗ 不在同一画面堆叠多张同等权重的图片