Brand Identity Kit / v1.0
17123.cn 一起AI
以「连接 · 协作 · 智能」为核心的双环无限结标识，适用于网站、 favicon、社交头像与印刷物料。
主标识
标准白底横版，用于官网导航栏、文档页眉、幻灯片与对外物料。
场景版本
不同底色请选用对应版本，避免自行改色或加描边。
白底标准版 01_logo_primary_white.png
深色背景版 03 / 03b_logo_dark
透明底通用版 02_logo_primary_transparent.png
全白反白版 03c_logo_allwhite_transparent.png
方形图标 / 头像 04_icon_transparent.png
单色图标 / 印章 06_icon_mono_white.png
品牌色
图标渐变由品牌蓝过渡到品牌紫，青色仅作小面积点缀，文字使用深藏蓝。
品牌蓝#2F6BFF
品牌紫#8A5CF6
点缀青#22D3EE
标语紫#7B3FF2
文字深蓝#1A2338
深色底#0D1424
构成与使用约定
图形含义
双环相扣构成横向无限结，读作「1」与「7」的几何化组合，呼应域名 17123；两环相交处的节点象征人与 AI 的协作与连接。左右两侧的圆角凸起让图形在小尺寸下仍有辨识度。
字体
域名 17123.cn：现代无衬线粗体（Inter / Helvetica Neue Bold 一类）。
标语 一起AI：中文黑体 Bold（思源黑体 / 微软雅黑 Bold），字距略放宽。
两者左对齐，标语宽度约为域名宽度的 55%。
建议使用
- 安全留白：四周不小于图标高度（H）的 30%
- 横版最小宽度：网页 160px / 印刷 30mm
- 图标最小尺寸：24 × 24 px，更小请用 favicon
- 浅色底用标准版，深色底用深色版或全白反白版
禁止事项
- 拉伸、压扁或旋转标识
- 更换渐变方向、添加阴影 / 描边 / 发光
- 更改中英文文字的字体比例与间距
- 在低对比度或杂乱图片上直接使用标准版
文件清单
| 文件 | 用途 | 尺寸 / 格式 |
|---|---|---|
01_logo_primary_white.png | 白底主标识（首选） | 1364 × 512 · PNG |
02_logo_primary_transparent.png | 透明底通用版，可叠任意浅色底 | 1364 × 512 · RGBA |
03_logo_dark.png | 深色底整图（含背景） | 1364 × 512 · PNG |
03b_logo_dark_transparent.png | 深色版透明底 | 1364 × 512 · RGBA |
03c_logo_allwhite_transparent.png | 页脚 / 深色 Hero 反白版 | 1364 × 512 · RGBA |
04_icon_transparent.png | 方形图标、社交头像 | 512 × 512 · RGBA |
04b_icon_white.png | 白底方形图标 | 512 × 512 · PNG |
05_logo_nav_50pct.png | 导航栏小尺寸透明版 | 682 × 256 · RGBA |
06 / 06b_icon_mono_*.png | 单色图标（白 / 深蓝） | 512 × 512 · RGBA |
favicon.ico | 浏览器标签页图标 | 16/32/48/64/128 · ICO |
apple-touch-icon.png | iOS 添加到主屏幕 | 180 × 180 · PNG |
网页接入
<!-- head 中引入站点图标 --> <link rel="icon" href="/logo/favicon.ico" sizes="any"> <link rel="apple-touch-icon" href="/logo/apple-touch-icon.png"> <!-- 导航栏 --> <img src="/logo/02_logo_primary_transparent.png" alt="17123.cn 一起AI" width="200" height="75">