NODQ 品牌

品牌视觉、设计系统及可用素材。

品牌指南更新于 2026 年十月 9 日
NODQ
精准几何方形轮廓、倒角、均匀间距。
暖色强调橙色只占屏幕的一小部分,仅用于最重要内容。
清晰的动效一个操作对应一个简短变化。
02

品牌风格

技术精准、平和的表面与一个暖色强调。以下是可观察的风格原则,并非对标志的诠释。

几何圆角方形轮廓代表空间与访问边界。
资料哑光石墨色与一个琥珀色切面。
字体排印清晰的大字标题与克制的说明。
动效原因 → 变化 → 结果。
04

颜色

数值与网站设计令牌及 nodq-tokens.css / .json 文件一致。

NODQ 橙色 主要强调色和 CTA #F7931A · RGB 247, 147, 26
深层背景 深色背景 #0A0C0B · RGB 10, 12, 11
Graphite 面板 #151917 · RGB 21, 25, 23
凸起石墨色 嵌套表面 #202622 · RGB 32, 38, 34
暖白色 浅色背景 / 深色背景上的文字 #F5F4F0 · RGB 245, 244, 240
Ink 深色文字与橙色背景上的字样 #121613 · RGB 18, 22, 19
CTA 悬停状态#FFAA33
CTA 按下状态#E3810C
高光(图形)#FFBD59
阴影切面(图形)#D96800
次要文字 · 深色主题#B6BCB7
次要文字 · 浅色主题#59625B
链接 · 浅色主题#9A4A00
成功#8DD6AB / #166B40
警告#FFD08A / #875000
错误#FF9B92 / #B7342A
强调 / 已选择✓ 成功! 警告✕ 错误 主要文字 · 次要 · 链接 键盘焦点
配色对比度:#121613 搭配 #F7931A ≈ 7.95:1 · #F5F4F0 搭配 #0A0C0B ≈ 17.8:1 · #9A4A00 搭配 #F5F4F0 ≈ 5.7:1。不在橙色背景上使用小号白色文字。CMYK/Pantone 尚未公布。
05

字体排印

Onest 400/500/600/700,地址与标签使用 JetBrains Mono。这些数值为网站实际样式。

中文 Bb 0123Onest · 400 / 500 / 600 / 700 · 西里尔与拉丁字母常规字重中等字重半粗体粗体
H1clamp(34px, 4.4vw, 58px) · 700 · 1.05 · -0.035em Люди. Агенты. Одна сеть.
H2clamp(26px, 2.8vw, 38px) · 600 · 1.12 · -0.025em Правила для расходов агента
Lead17–20px · 500 · 1.4 · -0.01em Сеть для приложений, AI-сервисов и расчётов.
Body16–17px · 400 · 1.6 · 0 Агент работает в пределах бюджета, получателей и срока.
Caption13–14px · 400 · 1.45 · 0 Демонстрация · данные-образцы
标签(等宽)11px · 400 · 1.3 · 0.08em Заказ #A-1042
代码 / 地址13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ
06

网格与尺寸

章节章节标题每行正文长度保持在 60–75 个字符。
容器max-width 1360px
侧边距clamp(20px, 4.5vw, 72px)
章节间距clamp(48px, 6vw, 104px)
网格间距8 · 12 · 16 · 20 · 24 · 32 px
圆角半径8 输入框 · 10 按钮 · 12–16 卡片 · 999 标签
线条1 px 分隔线 · 1.5 px 示意图
焦点2 px 轮廓 + 光晕
阴影仅限菜单与产品窗口
07

组件

静态状态示例与一个本地表单示例,请求不会发送至任何地方。

按钮
主要 悬停 按下状态 次要 不可用
选项卡与标签
已选择常规
演示设计中文档准备中可用
输入框与错误
08

图标与图形

在 16 / 20 / 24 px 网格上采用 1.5–2 px 线宽的 Lucide 线性图标,以及统一的产品视觉语言。

file-textreceiptmessages-squareusersfoldersearchplugflag
请勿混用线性、填充及立体图标集。
空间
代理
权限
结算
09

动效

每次展示一个示例。曲线 cubic-bezier(0.2, 0.8, 0.2, 1)。系统启用“减少动态效果”时显示最终帧。

按钮 / 选项卡 180 毫秒 · 悬停、选择
状态变化 350 毫秒 · 新状态
品牌路径 1000 毫秒 · 一个操作
不使用彩虹品牌配色、自定义光标、滚动劫持、逐字标题输入或随机金额动画。
10

应用示例

实际网站页面采用相同规则。

未展示演示文稿封面、公告卡片及与合作伙伴联合展示方案,因为尚无已批准素材。
11

下载素材

仅发布已有文件。统一 ZIP 包尚未制作。

设计令牌 · CSS颜色、字体、容器、动效曲线 · CSS · 文本 · 2026 年十月 9 日下载
设计令牌 · JSON应用使用同一组数值 · JSON · 文本 · 2026 年十月 9 日下载
简明规则包含内容及使用方式 · TXT · 文本 · 2026 年十月 9 日下载
SVG 徽标没有已批准的源文件文档准备中
PNG 徽标(浅色 / 深色)没有已批准的源文件文档准备中
品牌素材 ZIP 包没有已批准的源文件文档准备中
12

版本与反馈

v0.12026 年十月 9 日 · 指南首次发布:配色、字体排印、组件、设计令牌。草稿。
品牌使用咨询通过“联系方式”页面