Appearance
AICDO 品牌与名片规范(v1)
一、标志
| 文件 | 用途 |
|---|---|
logo.svg(站点 public/logo.svg) | 方形图标:favicon、社交头像、二维码中心 |
brand/logo-icon-standalone.svg | 方形图标独立版(160 盒,矢量源文件):任意尺寸缩放不失真 |
brand/logo-icon-standalone.jpg | 方形图标 JPG(2080×2080,白底四周留白):文档/印刷插图 |
brand/logo-lockup-hero.svg / logo-lockup-hero.jpg | 横版标志整体版(680×256,四周留白 80/48,比例 2.66:1;JPG 2720×1024):PPT 封面、文档头图、横幅 |
brand/logo-icon-fullbleed-1080.jpg | 方形图标 JPG 满版(1080×1080,图标出血到边):头像上传备用 |
logo-lockup-nav.svg / logo-lockup-nav-dark.svg(站点 public/) | 导航栏横版标志(浅底 / 深底):130×40,图标 + 两行首尾对齐字标 |
logo-lockup.svg(站点 public/logo-lockup.svg) | 横版锁定(300×60):白底场合(信纸、合同、邮件签名、网站页脚、关于页) |
logo-lockup-dark.svg(站点 public/) | 横版锁定的深色底版(几何同浅色底,白字 + 浅青副标):深色模式页面、深色展板 |
brand/logo-lockup-reverse.svg | 反白版:蓝底/深底场合(名片顶部蓝块、展板) |
brand/logo-1024.png / logo-512.png | 方形图标位图(透明圆角):应用图标、分享图 |
brand/logo-avatar-1080.png | 满版方形(无圆角):公众号头像(平台自动裁圆)、iOS 主屏 |
public/favicon.ico(16/32/48)、public/apple-touch-icon.png(180) | 浏览器标签、iOS 添加到主屏 |
几何一致性:所有位图与 SVG 图标使用同一套字形几何(路径 M13.5 35.5 L24 13.5 L34.5 35.5,横杠 x 18→30 / y 28.5,stroke 4.5),仅做整体缩放平移;64 盒中字形含描边高 34,四周留白 15。
导航栏横版标志规格:图标 40px(圆角 25%)+ 间隙 12px + 两行文字(字标 20px / 副标 12px),首尾对齐左端 x=52、右端 x=129;站点导航以 34px 高度展示(移动端 28px),字标与副标仍可读。深色底版本字标用白色、副标用浅青 #a5f3fc。
标志构成:蓝色圆角方块 + 白色字母 A(品牌首字母)+ 青色横杠(读作一条数据线)。 方块圆角半径 = 边长的 25%(64px 图标 → rx 16)。
留白规则:标志四周留白不低于图标边长的 25%,不得加描边、投影、渐变、旋转或改变配色比例。
文字对齐规则(标志内两行文字):字标 AICDO 与副标「AI 首席数据官」首尾严格对齐——左端同起点、右端同落点,通过 SVG textLength + lengthAdjust="spacing" 实现(不要用 letter-spacing 凑)。副标拆为「AI」与「首席数据官」两段分别定位,「I」与「首」之间的空隙约为汉字间隙的 1.3 倍。名片头部:左端 190 / 右端 430;横版锁定(300 宽):白底版左端 76 / 右端 172,反白版左端 64 / 右端 160。
最小尺寸:方形图标 16px(favicon 下限);横版锁定宽度 90px(再小则改用方形图标)。
二、色彩
| 名称 | 色值 | 用途 |
|---|---|---|
| 品牌蓝 | #2563eb | 图标底、一级标题、标志字标、蓝色信息 |
| 数据青 | #22d3ee | 图标横杠、分隔线、强调细节(仅作点缀,不超过画面 5%) |
| 深灰黑 | #0f172a | 姓名、正文标题 |
| 中灰 | #64748b | 职务、次要说明 |
| 浅灰 | #94a3b8 | 字段标签 |
| 分隔线 | #e2e8f0 | 卡片内分隔线 |
| 浅蓝底 | #f8fafc / #eff6ff | 二维码底板、装饰面 |
三、字体
- 中文:思源黑体(Source Han Sans SC) 或 阿里巴巴普惠体(均免费商用)
- 英文/数字:Inter 或思源黑体西文部分
- 字重:标志字标 700,姓名 500,正文 400
- 禁止:方正、汉仪等需授权的商用字体;禁止使用"侵删"来源字体
四、电子名片
- 尺寸:竖版 55 × 85 mm,四角圆角 2mm(电子版)
- 版本一(蓝顶式):顶部蓝块高 20mm(约占 23%),内置反白标志;文件
card-01-主编.svg、card-02-运营.svg、card-03-商务.svg - 版本二(白顶式):白底头部直接放蓝色独立版横版标志(几何同
logo-lockup-standalone.svg,等比 ×0.827,置于 x60/y54),顶部保留 0.8mm 蓝色细条;其余层级与版本一一致;文件card-01-主编-v2.svg、card-02-运营-v2.svg、card-03-商务-v2.svg,预览card-v2-preview.png - 版本三(白顶式 + 双细蓝条):在版本二基础上,标语上方增加一条与顶部细条同规格的细蓝条(0.8mm、品牌蓝、右端对齐内容列 60→490,位于标志与标语中间 y=228);文件
card-01-主编-v3.svg、card-02-运营-v3.svg、card-03-商务-v3.svg,预览card-v3-preview.png - 版本四(白顶式 · 顶条加宽 + 标志下移)· 已定为采用版本:在版本二基础上,顶部细蓝条加宽至 1.8mm,横版标志位于 y78(蓝条下沿与标语上沿中间偏上);信息行=电话/邮箱/地址,无「扫码关注公众号」句,官网 www.aicdo.com 底部与二维码框底部齐平(y≈738 / 740);文件
card-01-主编-v4.svg、card-02-运营-v4.svg、card-03-商务-v4.svg,预览card-v4-preview.png,JPGcard-01-主编-v4.jpg - 信息层级(自上而下):标志 → 标语「专注具身智能场景与数据」→ 姓名 → 职务 → 电话 → 邮箱 → 官网 → 二维码位
- 文件:
brand/card-01-主编.svg、card-02-运营.svg、card-03-商务.svg(版本一);card-01-主编-v2.svg、card-02-运营-v2.svg、card-03-商务-v2.svg(版本二)
印刷注意:交给印厂前需去掉 1px 外描边、四边加 2mm 出血、字体转曲;这两项我可以随时补出印刷版文件。
五、待补字段
| 字段 | 状态 |
|---|---|
| 三张名片的姓名 | 待补(现为「姓名待补」占位) |
| 电话 | 待补 |
| 邮箱 | 待补 |
| 公众号二维码图片 | 待补(现为占位框,尺寸 11.2mm 见方) |