diff --git a/docs/design/vi/README.md b/docs/design/vi/README.md new file mode 100644 index 0000000..1738031 --- /dev/null +++ b/docs/design/vi/README.md @@ -0,0 +1,21 @@ +# 标博士 VI 视觉识别规范 + +- 成品：`标博士-VI视觉识别规范-v1.1.pdf`（A4 横版，24 页） +- 源文件：`vi-manual.html`（排版）＋ `diagrams/`（标志构成、安全区标注图） + +## 重新生成 + +手册里的标注图和标志都来自正式 logo 文件，logo 更新后按下面的步骤重新生成： + +1. 准备 logo 的工具环境（见 `../logo/logo-spec.md` 第 6 节）：`../logo/.work/venv` 和 `../logo/.work/fonts`。手册引用的字体（思源宋体、思源黑体、Libre Caslon、Barlow Semi Condensed）也从 `.work/fonts` 加载。 +2. 重新生成标注图：在 `docs/design/logo/` 下运行 `.work/venv/bin/python scripts/vi_diagrams.py` +3. 在 `docs/design/` 下启动本地服务：`python3 -m http.server 8765 --bind 127.0.0.1`（直接打开 file:// 地址时，字体可能因浏览器安全限制加载失败） +4. 导出 PDF： + +```bash +"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --headless=new --no-pdf-header-footer \ + --virtual-time-budget=20000 --print-to-pdf="标博士-VI视觉识别规范-v1.1.pdf" \ + http://127.0.0.1:8765/vi/vi-manual.html +``` + +修改版式后，可以在浏览器里打开 `http://127.0.0.1:8765/vi/vi-manual.html` 预览（屏幕上每页之间有间隔）。 diff --git a/docs/design/vi/diagrams/clearspace.svg b/docs/design/vi/diagrams/clearspace.svg new file mode 100644 index 0000000..5dae0b4 --- /dev/null +++ b/docs/design/vi/diagrams/clearspace.svg @@ -0,0 +1 @@ +H/4H/4H/4H/4 \ No newline at end of file diff --git a/docs/design/vi/diagrams/construction-horizontal.svg b/docs/design/vi/diagrams/construction-horizontal.svg new file mode 100644 index 0000000..77d77b5 --- /dev/null +++ b/docs/design/vi/diagrams/construction-horizontal.svg @@ -0,0 +1 @@ +H1.02H0.3 × 印章高中文字高 100间距 14拼音 20内缩 5内缩 5.8 \ No newline at end of file diff --git a/docs/design/vi/diagrams/construction-vertical.svg b/docs/design/vi/diagrams/construction-vertical.svg new file mode 100644 index 0000000..7e0bf2f --- /dev/null +++ b/docs/design/vi/diagrams/construction-vertical.svg @@ -0,0 +1 @@ +字标宽 W0.5W0.18 × 印章边长 \ No newline at end of file diff --git a/docs/design/vi/vi-manual.html b/docs/design/vi/vi-manual.html new file mode 100644 index 0000000..55ae465 --- /dev/null +++ b/docs/design/vi/vi-manual.html @@ -0,0 +1,701 @@ + + + + +标博士 视觉识别规范 + + + + + +
+ 标博士印章 +
+

视觉识别规范

+

VISUAL IDENTITY

+ 标博士 BIAOBOSHI +
第 1.1 版
2026 年 11 月
适用于产品界面、官网、宣传物料与对外文件
+
+
+ + +
+
标博士 视觉识别规范目录
+

目录

+
+
00关于本手册用途与使用方法3
+
04标准字体品牌字体、界面字体、数字字体15
+
01品牌概述定位、性格、口号、语气4
+
05背景与错误用法反白、单色、不允许的做法16
+
02标志释义、组合、构成、安全区、尺寸6
+
06应用示例名片、信封、公文、报告、演示、网站、图标18
+
03标准色品牌色、校样色系、使用规则12
+
07文件与授权资产清单、字体许可、版本记录23
+
+
2
+
+ + +
+
标博士 视觉识别规范00 关于本手册
+
00

关于本手册

+
+
+

本手册规定「标博士」品牌的视觉识别：标志、颜色、字体以及它们在常见物料上的用法。产品界面、官网、宣传物料和对外文件都以本手册为准。

+

手册里的尺寸、比例和颜色都来自正式的标志文件，不要从本 PDF 中截图使用标志。需要标志文件时，请使用第 07 章列出的 SVG 和 PNG。

+
+
+

三条基本原则

+
    +

  • 出处看得见

    标博士的核心是「可复核」，每条结论都能回到原文。视觉上，出处、依据永远是看得见的一部分，用蓝铅笔色标出。

    • +

  • 红色只说两件事

    印章红只属于标志；致命红只表示需要处理的问题。其他场合不用红色。

    • +

  • 辅助，而不是担保

    标志代表品牌，不代表检查结论。任何情况下都不能把标志当作「通过」「合格」章使用。

    • +
+
+
+

按场景查阅

+ + + + + + + + +
场景先看关键规则
产品界面02 标志、03 标准色、04 字体印章红不进界面；红色只表示需要处理的问题
官网与营销物料02 标志、03 标准色、06 应用主标志用横版质感版；口号「标博士，你的AI投标专家」
检查报告与对外文件02 标志、06 应用标志只放页眉；不盖章、不写「通过 / 合格」
印刷物料02 标志、03 标准色、07 文件使用 SVG 文件；印章红以打样为准
+
3
+
+ + +
+
标博士 视觉识别规范01 品牌概述
+
01

品牌概述

+
+
+

投前审校员

+

标博士把招标文件里的每一条要求，跟投标文件逐条对上，指出哪里没对上、依据在原文哪一页，最后由投标人确认。

+

不替你打包票，但让每一条判断都查得到依据。

+
标博士，你的AI投标专家
+

品牌口号，固定写法（AI 两侧不加空格，结尾不加标点）。「专家」指懂行、查得细；具体结论仍用「辅助检查」「风险提示」表述，不承诺结果。

+
+
+

品牌性格

+
    +

  • 较真

    逐条、不跳过、不含糊。「没找到」也要说清楚找过哪些地方。

    • +

  • 有据

    说什么都带出处。出处是每条结论的固定组成部分，不是附加信息。

    • +

  • 沉着

    截止前不添乱、不吓人。致命问题说清后果和改法，不用惊叹号。

    • +
+

不是什么：不是「黑科技」，不是「AI 全自动」，不卖萌。

+
+
+
4
+
+ + +
+
标博士 视觉识别规范01 品牌概述
+

品牌语气

+

文字和视觉一样是品牌的一部分。界面、报告、宣传都按下面的原则写。

+ + + + + + + + + + +
原则这样写不这样写
说依据，不说保证未找到对 ★ 条款的响应（招标文件第 38 页）您的标书存在严重问题！
说投标人的话★ 条款、无效投标、开标一览表、采购包要素、实体、规则命中
结论在前，出处在后报价超过采购包 2 的最高限价 1.6 万元。依据：第一章第 4 条先长篇解释规则，最后才给结论
后果和改法一起说这一项会导致投标无效。请在技术偏离表第 12 行补充响应。请注意！
AI 产出明确标出AI 摘要、AI 初稿；确认后由人署名把 AI 结论写得像定论
不越过红线辅助检查、风险提示保证不废标、零废标、100% 通过
+
5
+
+ + +
+
标博士 视觉识别规范02 标志
+
02

标志

+
标博士横版标志
+
+

一方白文印

红底白字，字是纸的颜色。盖章是投标人每天都在做的事：投标函、授权书、骑缝章。印章代表专业和郑重，带着真实印泥的颗粒和毛边。

+

宋体与 Caslon

「标博士」用思源宋体：招标文件和公文都以宋体为正文，投标人最熟悉。拼音用 Libre Caslon，和宋体同属铅字印刷传统，稳重而不张扬。

+

印章不是结论

标志代表品牌，不代表任何检查结果。它不能盖在报告或投标文件的结论上，也不能和「通过」「合格」等字样组合。

+
+
6
+
+ + +
+
标博士 视觉识别规范02 标志
+

标准组合

+

横版是主标志，优先使用；竖版用于方形或纵向的空间，例如登录页、海报、展架。

+
+
+
横版
+

横版（主标志）
svg/logo-horizontal-textured.svg

+
+
+
竖版
+

竖版
svg/logo-vertical-textured.svg

+
+
+

每种组合都有「质感版」和「干净版」。印章显示大于 64 像素（印刷约 17 毫米）时用质感版；更小的尺寸、界面元素和单色印刷用干净版（文件名不带 textured）。

+
7
+
+ + +
+
标博士 视觉识别规范02 标志
+

构成与比例

+

以文字块高度 H（「标博士」顶端到拼音底部）为基准。图中蓝色标注的尺寸直接取自标志文件。

+ 横版构成 +
+

印章与文字等高

印章实心部分高 1.02H，上下各比文字块多 1%，补偿印章颗粒边缘带来的「显小」。参照中国银行、招商银行等「图形 + 中英两行」组合的通行做法。

+

中文与拼音

以中文字高为 100：拼音大写字母高 20，中文与拼音间距 14。拼音全大写，按中文宽度两端对齐。

+

拼音按视觉边缘内缩

「标」「士」两端只有细横画尖，B 和 I 两端是粗竖画。几何上对齐时英文看起来更宽，因此拼音左内缩 5、右内缩 5.8。

+
+
8
+
+ + +
+
标博士 视觉识别规范02 标志
+
+
+

竖版比例

+

印章边长为字标宽度 W 的一半，水平居中；印章与字标的间距为印章边长的 18%。

+ 竖版构成 +
+
+

安全区

+

标志四周至少留出 H/4 的空白，其中不放任何文字、图形或其他标志的边缘。安全区是最小值，空间允许时尽量留更多。

+ 安全区 +
+
+
9
+
+ + +
+
标博士 视觉识别规范02 标志
+

最小尺寸

+

小于下列尺寸时标志会失去辨识度。拼音在小尺寸下只起装饰作用；需要读清拼音时，请按「拼音可读」一栏的尺寸使用。

+ + + + + + + + +
版本屏幕最小印刷最小拼音可读文件
横版160 px 宽30 mm 宽320 px / 45 mm 宽logo-horizontal.svg
竖版96 px 宽20 mm 宽200 px / 30 mm 宽logo-vertical.svg
单独印章32 px8 mm—seal-small.svg（32–64 px）
16 像素图标16 px——favicon-16.svg（专用造型）
+

实际效果（屏幕像素）

+
+
160 px
+
320 px
+
32 px
+
64 px
+
16 px
+
+
10
+
+ + +
+
标博士 视觉识别规范02 标志
+

标志元素

+

印章和字标可以单独使用：印章用于头像、图标、水印；字标用于已经出现过印章的版面，例如报告页眉。

+
+

印章　质感版
seal-textured.svg

+

印章　干净版
seal.svg

+

印章　小尺寸版（白色笔画加粗，放大展示）
seal-small.svg

+

16 像素专用（加粗简化的「标」字，放大展示）
favicon-16.svg

+
+
+

字标　藏青 wordmark.svg

+

字标　反白 wordmark-reverse.svg

+
+
11
+
+ + +
+
标博士 视觉识别规范03 标准色
+
03

标准色

+
+
印章红朱砂色，偏橙。只用于标志。 +
HEX#D9291CRGBR217 G41 B28CMYKC0 M81 Y87 K15对比白底 4.9 : 1
+
藏青字标颜色，也可用于需要品牌感的标题。 +
HEX#1C2554RGBR28 G37 B84CMYKC67 M56 Y0 K67对比白底 14.6 : 1
+
+

CMYK 为换算的近似值。印章红在四色印刷下会偏暗，正式印刷请以打样为准，必要时使用专色（请印厂比对潘通色号）。

+
12
+
+ + +
+
标博士 视觉识别规范03 标准色
+

校样色系

+

产品界面和文件版式使用的颜色，来自出版社的校对传统：蓝铅笔是机器的批注，墨是人确认后的定稿，红笔只用来标问题。颜色本身就说明了「谁说的、确认没有」。

+
+
墨正文、标题、人工确认后的内容
HEX#1D2733CMYKC43 M24 Y0 K80
+
蓝铅笔AI 标注、原文出处、链接、待确认
HEX#2F5BD3CMYKC78 M57 Y0 K17
+
校样纸页面底色，冷灰白，不是米色
HEX#F5F6F3CMYKC0 M0 Y1 K4
+
致命红只用于致命级问题
HEX#C4122FCMYKC0 M91 Y76 K23
+
赭重要级问题；只用于标签和大字
HEX#A66300CMYKC0 M40 Y100 K35
+
定稿绿已确认、确认人署名
HEX#2E6B4FCMYKC57 M0 Y26 K58
+
+
13
+
+ + +
+
标博士 视觉识别规范03 标准色
+

使用规则

+
+
+

用色比例

+

版面以纸色和墨色为主，蓝铅笔点出依据，状态色只出现在有问题的地方。

+
+
校样纸 / 白 60%
+
墨 25%
+
蓝 10%
+
5%
+
+

最后 5% 是致命红、赭、定稿绿等状态色的总和。

+

对比度

+

正文文字与背景的对比度不低于 4.5 : 1。赭色在校样纸上只有 4.4 : 1，所以只能用于标签和 14 号以上的大字。

+
+
+

两种红色不能混用

+
+

印章红 #D9291C
偏橙。只用于标志。

+

致命红 #C4122F
偏洋红。只用于界面中的致命问题。

+
+
不要把印章红用在按钮、标签、提示上，也不要把致命红用在标志上。红色出现在界面里，就意味着有问题需要处理。
+
+
+

文字与背景的允许组合

+
+
墨字　校样纸
13.9 : 1　正文
+
蓝铅笔　校样纸
5.4 : 1　出处、链接
+
白字　墨色
15.1 : 1　封面、页脚
+
赭　校样纸
4.4 : 1　只用于标签和大字
+
+
14
+
+ + +
+
标博士 视觉识别规范04 标准字体
+
04

标准字体

+
+
+

思源宋体　品牌标题

+
标博士，你的AI投标专家
+

用于标志字标、文件与页面的大标题、报告封面。常用字重 SemiBold 与 Bold。

+
Noto Serif SC，SIL OFL 1.1，可免费商用
+
+
+

思源黑体 / 系统黑体　界面与正文

+
报价超过采购包限价
+

用于界面、表格和正文。网页优先使用系统字体（苹方、微软雅黑），文件和印刷使用思源黑体。

+
Noto Sans SC，SIL OFL 1.1，可免费商用
+
+
+

Libre Caslon　英文品牌字

+
BIAOBOSHI
+

只用于标志拼音和少量英文标题，全大写并拉开字距。

+
Libre Caslon Text，SIL OFL 1.1，可免费商用
+
+
+

Barlow Semi Condensed　数字

+
第 38 页　≥512G　132.00 万元
+

用于页码、金额、参数与表格数字。字形窄、数字等宽，列与列对得齐。

+
Barlow Semi Condensed，SIL OFL 1.1，可免费商用
+
+
+
15
+
+ + +
+
标博士 视觉识别规范05 背景与错误用法
+
05

背景与错误用法

+

浅色背景用标准版；深色背景用反白版（文件名带 reverse），印章下面垫有纸色底，白字保持纸的颜色。单色版用于传真、盖章、单色印刷等只能用一种颜色的场合。

+
+

白色背景　标准版

+

校样纸背景　标准版

+

墨色背景　反白版 *-reverse.svg

+

单色　黑 logo-mono-black.svg

+

单色　白 logo-mono-white.svg

+

藏青背景　反白版

+
+
16
+
+ + +
+
标博士 视觉识别规范05 背景与错误用法
+

错误用法

+

以下做法都不允许。需要特殊用法时，请先联系品牌负责人。

+
+

不要拉伸或压扁

只能等比缩放。

+

不要改颜色

只用标准色、反白或单色版。

+

不要旋转

标志始终水平放置。

+

不要加阴影、描边或特效

印章的质感已经足够。

+
标博士

不要用其他字体重排

字标只能使用正式文件。

+

不要改变印章与字标的位置

只用横版和竖版两种组合。

+

深色背景不要用标准版

请改用反白版。

+
检查结论：合格

不要当作「通过 / 合格」章

标志不代表检查结果，这是产品红线。

+
+
17
+
+ + +
+
标博士 视觉识别规范06 应用示例
+
06

应用示例

+
+
+

名片（90 × 54 mm，1 : 1）

+
+ +
+
黄晓沁
+
销售专家
+
电话 138 1452 1983
邮箱 romy@biaoboshi.cn
+
南京市江宁区双龙大道3333号　211100
www.biaoboshi.cn
+
+
+
+ +
标博士，你的AI投标专家
+
+

正面白底：横版质感版、姓名、职务、电话、邮箱、地址与邮编、官网；背面墨色底：印章居中、口号。

+
+
+

信封（DL 220 × 110 mm，1 : 2）

+
+
+
+
+
贴邮票处
+
+
+ +
南京市江宁区双龙大道3333号　邮编 211100
寄件人 黄晓沁　138 1452 1983　romy@biaoboshi.cn
+
+

正面

+
+
+ +
标博士，你的AI投标专家
+
+

背面（封舌在上）

+
+
    +

  • 邮政要素

    邮编框、贴邮票处的尺寸和位置按国家标准 GB/T 1416 印制。邮编框按国标用金红色，这是「红色只说两件事」规则的法定例外。

    • +

  • 品牌要素

    横版干净版放在右下角，下方一行寄件人信息；收件区留白，不放图形。

    • +

  • 背面

    印章居中，下方口号；封舌区域保持素净。

    • +
+
+
+
+
18
+
+ + +
+
标博士 视觉识别规范06 应用示例
+

公文首页 / 信纸（A4 竖版）

+
+
+ +
+
+
关于标段三投标文件检查结果的说明
+
+
+
标博士　南京市江宁区双龙大道3333号　211100　www.biaoboshi.cn　romy@biaoboshi.cn
+
+ +
+
19
+
+ + +
+
标博士 视觉识别规范06 应用示例
+
+
+ +
+
废标风险检查报告
+
项目：智慧规划资源 2025 标段三
采购包：采购包 2
投标文件版本：v3
检查时间：2026 年 11 月 2 日 14:05
+
致命 2重要 1提示 4
+
+
本报告为辅助检查结果，检查范围见第 2 页。所有结论均附原文出处，需由投标人逐项确认，不构成对投标结果的任何保证。
+
+
+

检查报告封面

+
    +

  • 标志只放在页眉

    使用横版干净版，放在左上角。标志和报告结论之间保持距离，不叠放、不靠近统计数字。

    • +

  • 不盖章、不写「通过」

    报告的任何位置都不出现印章图形或「通过 / 合格 / 已审核」等字样。问题统计只写数量和级别。

    • +

  • 免责声明固定在页脚

    说明「辅助检查、附原文出处、由投标人确认、不构成保证」，并指向检查范围所在页。

    • +

  • 级别颜色

    致命用致命红，重要用赭，提示用辅助灰。印章红不出现在报告正文里。

    • +
+
产品红线：报告只提供风险提示和依据，不承诺结果。视觉上任何「盖章认证」的暗示都不允许。
+
+
+
20
+
+ + +
+
标博士 视觉识别规范06 应用示例
+

演示文稿（16 : 9）

+
+
+
+ +
+
标博士，你的AI投标专家
+
标博士产品介绍　2026 年 11 月
+
+ +
+

封面：墨色底，印章居左上，标题用思源宋体，字标放右下角。

+
+
+
+
检查结果概览
+ +
+
2
致命问题
+
1
重要问题
+
46
条要求附有出处
+
+
示意数据
+
+

内页：校样纸底，标题左上，横版干净版右上；数字用 Barlow Semi Condensed。

+
+
+
+

封面用墨色底

墨色底上印章最醒目。标题用思源宋体，一句话说清主题；字标放右下角，不和印章抢位置。

+

内页用校样纸底

标题固定在左上，横版干净版固定在右上，宽度约为页面的 15%。正文和图表区域不放标志。

+

数字和出处

统计数字用 Barlow Semi Condensed，问题级别用状态色；凡是结论都在页面上注明出处或「示意数据」。

+
+
21
+
+ + +
+
标博士 视觉识别规范06 应用示例
+
+
+

网站

+
+
标博士　投前废标风险检查
+
www.biaoboshi.cn
+
+
+ +
产品价格帮助登录
+
+
+
标博士，你的AI投标专家
+
上传招标文件，得到一份能逐条回到原文的检查清单；递交前核对投标文件，逐项确认后导出报告。
+ 免费检查一个项目 +
+
+
+

页头左侧放横版干净版，高度约 32–40 像素。浏览器标签使用 16 像素专用图标。

+
+
+

应用图标

+
+
应用图标
+
小图标
+
+

白底，印章占图标边长的 80%。系统会自动加圆角，图标文件本身保持方形。

+

邮件签名

+
+
黄晓沁　销售专家
+
138 1452 1983
romy@biaoboshi.cn
www.biaoboshi.cn
+ +
+

签名中的标志用 PNG（logo-horizontal-1200.png 缩放显示），宽 120–160 像素。

+
+
+
22
+
+ + +
+
标博士 视觉识别规范07 文件与授权
+
07

文件与授权

+
+
+

标志文件（docs/design/logo/）

+ + + + + + + + + + +
svg/logo-horizontal(-textured)(-reverse).svg横版：干净 / 质感 × 浅色 / 深色
svg/logo-vertical(-textured)(-reverse).svg竖版：同上
svg/logo-mono-black.svg / -white.svg单色
svg/seal(-textured)(-small).svg印章
svg/wordmark(-reverse).svg字标
svg/favicon-16.svg、favicon.svg网页图标
png/横版 1200 / 2400 px、竖版 600 px、印章 1024 px，图标 16 / 32 / 180 / 192 / 512 px
+

所有文件由 scripts/build_assets.sh 生成，修改请改 scripts/logo_lib.py 的参数后重新生成，不要手改 SVG。

+
+
+

字体授权

+ + + + + + + +
思源宋体 Noto Serif SCSIL OFL 1.1
思源黑体 Noto Sans SCSIL OFL 1.1
Libre Caslon TextSIL OFL 1.1
Barlow Semi CondensedSIL OFL 1.1
+

以上字体均可免费商用，标志文件中的文字已转为路径。

+

印章来源

+

印章图形由 AI 图像生成工具于 2026 年 11 月 2 日生成，经脚本处理后定稿，生成记录（提示词、原图、时间）已存档。申请商标前，请先做商标检索并咨询知识产权顾问。

+

版本

+

1.1　2026 年 11 月　口号改为「标博士，你的AI投标专家」；名片、信封、信纸、邮件签名使用正式联系人信息、地址、邮编与官网；新增信封
1.0　2026 年 11 月　首版（标志 v5.1）

+
+
+
23
+
+ + +
+ 标博士 +
标博士，你的AI投标专家
+
www.biaoboshi.cn
+
+ + + diff --git a/docs/design/vi/标博士-VI视觉识别规范-v1.1.pdf b/docs/design/vi/标博士-VI视觉识别规范-v1.1.pdf new file mode 100644 index 0000000..a6f9b1e Binary files /dev/null and b/docs/design/vi/标博士-VI视觉识别规范-v1.1.pdf differ