DENOX DESIGN SYSTEM · V1.0 · 2025

一套完整的
迪诺斯品牌
视觉资产

围绕 Logo 中的工业蓝与生态绿,我们构建了从色彩、字体、Logo 用法到 PPT、标书、Word 公文、办公物料与官网落地页的完整品牌输出体系。所有资产共享同一组设计令牌 (tokens.css) ,确保跨场景一致性。

BRAND MANIFESTO · 品牌主张

让环境治理更智能
让绿色未来更可见

DENOX ENVIRONMENTAL · EST. 2013 · 江苏南通

设计语言一览

DESIGN LANGUAGE AT A GLANCE

B900

B700

B500

B300

B100

G700

G500

G300

G100

INK

INK2

LINE

BG

PRIMARY COLOR

#3A6BC9

Denox Blue — 工业蓝主色,源自 Logo 渐变

ACCENT COLOR

#4FA855

Eco Green — 生态辅色,源自 Logo 叶片

TYPE FAMILY

PingFang × Inter

中英文配对,系统级字体确保兼容性

GRID

12 / 8

12 列响应式网格 + 8px 间距基线

品牌资产 · Asset Library

7 ITEMS · CLICK TO PREVIEW

01 · BRAND VI GUIDELINES

VI 视觉规范 — 品牌核心文档

六大章节: Logo 使用 · 色彩系统 · 字体阶梯 · 版式网格 · UI 组件 · 图像传播。所有其他资产都遵循此文档。

vi-guidelines.html · 单页长滚动 · 1280px 打开规范

DENOX · 2025 03 / 10

让环境治理
更智能

DENOX ENVIRONMENTAL

02 · PRESENTATION DECK

PPT 演示模板

1920×1080 全尺寸,10 个版式: 封面 / 章节页 / 数据 / 三列方案 / 流程图 / 案例 / 时间轴 / 收尾页。

ppt-template.html · 10 slides · ←→ 切换打开演示

TENDER DOCUMENT

工业烟气脱硝
EPC 总承包

投 / 标 / 文 / 件

03 · TENDER / BID TEMPLATE

投标书模板

A4 竖版,5 大版式: 封面 · 目录 · 章节扉页 · 正文带表格 · 投标函签署页,覆盖 EPC 投标全流程。

bid-template.html · 5 pages · A4 portrait 打开标书

迪诺斯环保科技

迪诺斯字〔2025〕058 号 ●机密●

关于推进 2025 年度
生产线技术升级的通知

各事业部、各分公司:

为深入贯彻"十四五"工业绿色发展规划,经公司总经理办公会研究决定...

本次改造覆盖南通基地一号、二号蜂窝催化剂生产线...

04 · WORD DOCUMENT

Word 公文模板

三个变体: 红头公文 / 商务季度报告 / 商务信函,覆盖内部通知、对外汇报、客户沟通三种场景。

word-template.html · 3 variants · A4 打开模板

迪诺斯 Denox

王宏伟 · 总经理

迪诺斯 Denox

让绿色未来
更可见

05 · STATIONERY

办公物料系统

名片 (双面) · A4 信纸 · C5 信封 · 文件夹 · 员工工牌。所有物料共享品牌色条与渐变识别。

stationery.html · 5 items · 含规格说明打开物料

DENOX · 工业烟气治理 · 2025

让环境治理更智能
让绿色未来更可见

了解我们 →

06 · MARKETING LANDING PAGE

官网落地页 — Responsive

响应式 marketing 页面: 导航 / Hero / 三大业务板块 / 数据指标 / 案例 / 客户 / CTA / Footer。完整覆盖 360-1920px。

landing.html · responsive · 360 → 1920px 打开落地页

SOURCE OF TRUTH

所有 OKLCH 颜色值 + 字体栈 + 间距 + 圆角 + 阴影的单一真理来源。

--denox-blue-900:

oklch(28% 0.09 245);

--denox-green-700:

oklch(52% 0.16 145);

--font-display:

PingFang SC, Source Han...

07 · BRAND SPECIFICATION

品牌规范源文档

Markdown 格式的设计令牌定义。当需要修改全局色彩或字号时,从这里开始 → 同步到 tokens.css。

brand-spec.md · markdown · source of truth 查看源文档