02
品牌风格
技术精准、平和的表面与一个暖色强调。以下是可观察的风格原则,并非对标志的诠释。
几何圆角方形轮廓代表空间与访问边界。
资料哑光石墨色与一个琥珀色切面。
字体排印清晰的大字标题与克制的说明。
动效原因 → 变化 → 结果。
03
徽标
网站当前采用标志与 NODQ 字样的组合。已批准的矢量源文件尚未发布,因此无法下载徽标。
NODQ
安全留白提案,并非现行标准:x = 标志高度的 ¼,四周留白 ≥ 1x。
最小尺寸待检查方案:组合标志宽度不小于 120 px,图形标志不小于 24 px。16/32/48 px 的 Favicon 为单独素材,需要检查。提案 · 需批准
不可这样使用
✕ 请勿拉伸 ✕ 请勿旋转 ✕ 请勿更改颜色 ✕ 勿添加其他阴影
首页的立体对象是装饰性素材;需要可复现标志时使用平面徽标。
04
颜色
数值与网站设计令牌及 nodq-tokens.css / .json 文件一致。
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
网格与尺寸
容器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
未展示演示文稿封面、公告卡片及与合作伙伴联合展示方案,因为尚无已批准素材。应用示例
实际网站页面采用相同规则。
12
版本与反馈
v0.12026 年十月 9 日 · 指南首次发布:配色、字体排印、组件、设计令牌。草稿。