From a437b095681d0c68e0460eee4263d368c9ad5edf Mon Sep 17 00:00:00 2001 From: YANG JIANKUAN Date: Mon, 2 Nov 2026 20:28:18 +0800 Subject: [PATCH] =?UTF-8?q?docs(design):=20=E6=96=B0=E5=A2=9E=E5=93=81?= =?UTF-8?q?=E7=89=8C=E7=AD=96=E7=95=A5=E3=80=81=E8=A7=86=E8=A7=89=E6=96=B9?= =?UTF-8?q?=E5=90=91=E5=AF=B9=E6=AF=94=E4=B8=8E=E8=AE=BE=E8=AE=A1=E6=96=87?= =?UTF-8?q?=E6=A1=A3=E7=B4=A2=E5=BC=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 品牌策略：定位「投前审校员」、性格、语气，口号「标博士，你的AI投标专家」 - 三个视觉方向对比（A 校样 / B 卷宗 / C 检验单），已选 A - docs/design/README.md：设计文档索引与品牌速查 Co-Authored-By: Claude Opus 5.5 --- docs/design/README.md | 38 +++ docs/design/brand-directions.html | 417 ++++++++++++++++++++++++++++++ docs/design/brand-strategy.md | 55 ++++ 3 files changed, 510 insertions(+) create mode 100644 docs/design/README.md create mode 100644 docs/design/brand-directions.html create mode 100644 docs/design/brand-strategy.md diff --git a/docs/design/README.md b/docs/design/README.md new file mode 100644 index 0000000..86ca761 --- /dev/null +++ b/docs/design/README.md @@ -0,0 +1,38 @@ +# 品牌与设计 + +| 文档 | 内容 | 状态 | +|---|---|---| +| [brand-strategy.md](brand-strategy.md) | 品牌策略：定位「投前审校员」、性格、口号、语气、命名 | 定稿 | +| [brand-directions.html](brand-directions.html) | 三个视觉方向对比（A 校样 / B 卷宗 / C 检验单） | 已选 A | +| [logo/](logo/) | Logo 正式资产、使用规范、构建脚本、历史版本 | v5.1 定稿 | +| [vi/](vi/) | VI 视觉识别规范 PDF 与 HTML 源文件 | v1.1 | +| design-system.md | 产品界面设计规范：组件、设计 token、问题级别配色 | 下一步 | + +## 速查 + +- **口号**：标博士，你的AI投标专家（固定写法：AI 两侧不加空格，结尾不加标点） +- **英文名**：BIAOBOSHI；代码仓库名 `bid-doctor` +- **官网**：www.biaoboshi.cn +- **地址**：南京市江宁区双龙大道3333号，邮编 211100 +- **标准色**：印章红 #D9291C（只用于 logo）、藏青 #1C2554（字标）；界面校样色系：墨 #1D2733、蓝铅笔 #2F5BD3、校样纸 #F5F6F3、致命红 #C4122F、赭 #A66300、定稿绿 #2E6B4F +- **字体**（均为 SIL OFL 1.1）：思源宋体、思源黑体、Libre Caslon Text、Barlow Semi Condensed + +## Logo 目录说明（`logo/`） + +| 路径 | 内容 | +|---|---| +| `svg/`、`png/`、`favicon.svg` | 正式资产，由脚本生成，不要手改 | +| `logo-spec.md`、`logo-sheet.html` | 使用规范与预览页 | +| `scripts/` | 构建脚本：`process_seal.py`（处理印章原图）、`logo_lib.py`（排版参数）、`build_logo.py` + `build_assets.sh`（生成资产）、`wordmark_compare.py`（方案对比页）、`vi_diagrams.py`（VI 标注图） | +| `v5/` | 印章原图处理后的中间文件，`build_assets.sh` 从这里取印章 | +| `image-gen/` | 印章原图（AI 生成）、提示词与参考图 | +| `licenses/` | 字体许可证 | +| `drafts/` | 用户最初的 logo 草稿 | +| `seal-research.md` | 真实印章调研笔记 | +| `archive/` | v1–v4 的探索稿与设计说明 | + +不进 git 的目录：`.work/`（Python 虚拟环境与字体文件）、`compare/`（方案对比页，可由脚本重新生成）。 + +## 相关决策 + +`docs/decisions.md` 中的 B1–B5：视觉方向、16px 图标与英文名、logo v5、比例与字体、口号。 diff --git a/docs/design/brand-directions.html b/docs/design/brand-directions.html new file mode 100644 index 0000000..9330af8 --- /dev/null +++ b/docs/design/brand-directions.html @@ -0,0 +1,417 @@ + + + + + +标博士 品牌方向 + + + + + + + +
+

标博士

+

品牌方向提案（v0.1，2026-11-02）。三个方向都基于同一套品牌策略，区别只在视觉上的比喻。每个方向都用真实样本里的条款做了一屏「检查结果」示意，请对比着看，选一个继续细化。

+
+

定位

投前审校员

把招标文件的每一条要求和投标文件逐条对上，指明出处，由人确认。

+

性格

较真、有据、沉着

逐条不跳过；说什么都带出处；截止前不添乱、不吓人。

+

口号（定稿）

标博士，你的AI投标专家

点明身份：懂投标、会查标的 AI 助手。2026-11-02 定稿，见决策 B5。

+
+
+ +
+ +

三个视觉方向

+

示意界面里的条款文字取自苏采云样本（S02、S10）；页码和投标响应值是虚构的示意数据。

+ + +
+
+ +

校样

+

借用出版社的校对传统：蓝铅笔是机器的批注和待确认的内容，墨笔是人确认后的定稿，红笔只用来标问题。颜色本身就说明了「谁说的、说完没有」。

+
+
+
+
+

标志

+ +
+
+

色彩

+
+
墨#1D2733
正文、已确认
+
蓝铅笔#2F5BD3
AI 标注、出处
+
校对红#C4122F
只用于致命问题
+
校样纸#F5F6F3
冷灰白，非米色
+
赭#A66300
重要问题
+
定稿绿#2E6B4F
确认署名
+
+
+
+

字体

+

思源宋体，用于标题与标志

+

正文用系统黑体（苹方 / 微软雅黑），保证清单密集时也好读。

+

第 38 页　≥512G　132.00 万元

+ 数字用 Barlow Semi Condensed：窄、等宽数字，页码和金额对得齐。 +
+
+ +
+

采购包 2 的检查结果

智慧规划资源 2025 标段三
+ +
+
+ 致命报价超过采购包 2 的最高限价 +

开标一览表报价 133.60 万元，最高限价 132.00 万元，超出 1.60 万元。这一项会导致投标无效。

+
+
+ +
+ +
+
+ 致命★ 条款疑似不满足：服务器内存 +

技术偏离表第 12 行响应「内存 256G」，要求「≥512G」。

+

王敏 于 11 月 2 日 14:20 标记为已修改

+
+ +
+ +
+
+ 重要缺少 ★ 参数的证明材料 +

已响应「支持硬件 BFD」，但没有找到官网参数截图等证明材料。

+
+ +
+ +
蓝铅笔：系统找到的出处墨：人工确认后红：只标致命问题
+
+
+
+

适合

颜色规则和「AI 初稿 → 人工确认 → 留痕」是同一件事，用户不需要额外学习。页边批注把「出处」变成界面上最显眼的元素，正好对应我们的核心差异。

+

风险

纸张 + 衬线容易让人觉得「文艺」。办法：衬线只用在标题和标志上，界面主体用黑体；纸色用冷灰白。页边批注在窄屏上要改成折叠展开。

+
+
+ + +
+
+ +

卷宗

+

借用标书装订和档案管理：每个投标项目是一份卷宗，左边是装订线，资格、无效条款、评分等是档案夹的分隔页。报告正文用系统自带的仿宋，投标人一看就熟悉。

+
+
+
+
+

标志

+ +
+
+

色彩

+
+
深靛#22304A
品牌主色、正文
+
牛皮纸#B98B52
装订线、编号
+
档案底#F4EFE6
背景层
+
朱砂#B3261E
致命问题
+
赭黄#9A6A12
重要问题
+
苔绿#4F7A55
已确认
+
+
+
+

字体

+

思源宋体，用于标题

+

仿宋用于报告与原文引用，与招标文件的阅读习惯一致。

+

第 03 项　第 41 页

+ 仿宋直接用系统字体（macOS 华文仿宋 / Windows 仿宋），不需要额外加载字体文件。 +
+
+ +
+

检查结果

智慧规划资源 2025 标段三 · 采购包 2
+
+ +
+
+ 全部问题 3资格无效条款技术参数报价 +
+
+
01
报价超过采购包 2 的最高限价

开标一览表报价 133.60 万元，最高限价 132.00 万元。

招标文件 第 2 页
致命
+
02
★ 条款疑似不满足：服务器内存

要求「≥512G DDR4」，偏离表响应「256G」。

招标文件 第 41 页 ↔ 投标文件 技术册 第 12 页
致命
+
03
缺少 ★ 参数的证明材料

「支持硬件 BFD，最小报文发送间隔 ≤50ms，提供相关证明材料」

招标文件 第 44 页
重要
+
+
+
+
+
+
+
+

适合

「项目 = 卷宗」和全程留痕、归档、保存的诉求一致，对政企客户显得稳重可靠。仿宋报告拿给老板或归档都很自然。

+

风险

容易显得老气、偏后台系统风格；装订线和页签如果做得太具体，会显得像拟物设计。仿宋在小字号下不好读，只能用在报告和引用上。

+
+
+ + +
+
+ +

检验单

+

从「博士」引申到体检报告：每条要求是一个检验项目，招标要求是参考值，投标响应是检测结果，偏离用 ↑ ↓ 标出来。数字一目了然，技术参数核对尤其直观。

+
+
+
+
+

标志

+ +
+
+

色彩

+
+
检验青#0B7A75
品牌主色、出处
+
石墨#20262C
正文
+
化验单底#F3F6F6
背景层
+
异常红#C9262F
致命、↑↓
+
琥珀#A8650A
重要、缺项
+
正常绿#2F7A45
已确认
+
+
+
+

字体

+

思源黑体，用于全部界面

+

只用一套无衬线字体，强调精确、干净。

+

≥512G ↓ 256G

+ 数字用 Barlow Semi Condensed，表格里的数值、单位和判定符号对齐。 +
+
+ +
+

检查结果 · 采购包 2

智慧规划资源 2025 标段三
+
+
投标文件 v3，11 月 2 日 14:05 检查致命 2　重要 1
+ + + + + + + +
检查项目招标要求投标响应判定出处
报价（采购包 2）最高限价≤132.00 万元133.60 万元↑ 超限第 2 页
★ 服务器内存2U 机架式服务器≥512G256G↓ 不满足第 41 页
★ 硬件 BFD证明材料≤50ms，附证明已响应缺证明第 44 页
+
+
+
+
+
+

适合

技术参数类问题（IT 集成占比最高）用「要求 / 响应 / 判定」三列表达非常直观，和「博士」的名字也呼应。界面现代、干净，容易做好响应式。

+

风险

青色 + 表格是常见的 SaaS 面孔，辨识度最低；医疗比喻容易让人联想到「诊断结论」，暗示的确定性比我们承诺的更强。资格、形式类问题不适合放进数值表格。

+
+
+ +

对比

+
+ + + + + + + + + + +
A 校样B 卷宗C 检验单
和核心差异「可复核」的关系最强：出处是界面主角中：出处是附注中：出处是一列
和「AI 初稿 → 人工确认」的关系最强：颜色即状态弱弱
辨识度高中高低
政企客户的信任感中高最高中
技术参数类问题的表达中（可以借用 C 的三列）中最强
红线风险低低（避开了红头样式）中：诊断暗示确定性
+
+ +
+

推荐 A「校样」，借用 C 的参数对照表

+

标博士和同类产品的根本区别是「每一条都查得到出处、AI 说的和人确认的分得清」。只有 A 把这件事做成了视觉语言本身：蓝铅笔、墨、红笔三种笔迹分别就是机器标注、人工确认和问题。

+

技术参数核对是 IT 集成项目里数量最多的问题，这一块借用 C 的「要求 / 响应 / 判定」三列表，放在 A 的视觉体系里。B 的「卷宗」可以留作检查报告 PDF 的版式参考：仿宋正文，便于归档。

+
+ +
+ + + diff --git a/docs/design/brand-strategy.md b/docs/design/brand-strategy.md new file mode 100644 index 0000000..da81305 --- /dev/null +++ b/docs/design/brand-strategy.md @@ -0,0 +1,55 @@ +# 品牌策略 · 标博士（草案 v0.1） + +> 阶段：主题 / 品牌设计 · 2026-11-02。本文定「说什么、怎么说」；视觉方向的对比见 `brand-directions.html`，选定后再出完整设计规范（`design-system.md`）。 + +## 1. 定位 + +**标博士是投标方的「投前审校员」**：把招标文件里的每一条要求，跟你的投标文件逐条对上，指出哪里没对上、依据在原文哪一页，最后由你来确认。 + +| | | +|---|---| +| 给谁用 | IT 集成企业的投标专员（每天用），投标主管 / 老板（看报告、决定续费） | +| 解决什么 | 读标漏项、递交前查不全、新人没有经验清单 | +| 跟别人有什么不同 | 不比谁「生成」得快，比的是**每条判断都能回到原文** | +| 品牌承诺 | 不替你打包票，但让每一条判断都查得到依据 | + +承诺必须守住产品红线（AGENTS.md）：不出现「保证」「零废标」「100%」这类说法，只说「辅助检查」「风险提示」。 + +## 2. 性格 + +| 性格 | 意思 | 表现在哪里 | +|---|---|---| +| **较真** | 逐条、不跳过、不含糊 | 清单逐项列出；「未找到」也要说清楚找过哪些地方 | +| **有据** | 说什么都带出处 | 出处标注是每条结论的固定组成部分，不是附加信息 | +| **沉着** | 截止前不添乱、不吓人 | 致命问题说清楚后果和改法，不用惊叹号、不闪烁 | + +不是什么：不是「黑科技」，不是「AI 全自动」，不卖萌。 + +## 3. 口号 + +**标博士，你的AI投标专家**（2026-11-02 定稿，见 decisions.md B5） + +- 固定写法：「AI」两侧不加空格，结尾不加标点。 +- 含义：点明身份，懂投标、会查标的 AI 助手。「专家」指懂行、查得细，不代表替用户做决定或担保结果。在产品和报告里，具体结论仍用「辅助检查」「风险提示」来表述（见第 4 节）。 +- 不用：「告别废标」「一键搞定」「零风险」（越过红线，也没有说清楚产品做什么）。 + +原先的推荐口号「每一条，都有出处」保留为**产品原则**（「出处看得见」：每条结论都能回到原文），不再作为口号使用。 + +## 4. 语气 + +| 原则 | 这样写 | 不这样写 | +|---|---|---| +| 说依据，不说保证 | 「未找到对 ★ 条款的响应（招标文件第 38 页）」 | 「您的标书存在严重问题！」 | +| 说投标人的话 | ★ 条款、无效投标、开标一览表、采购包 | 「要素」「实体」「规则命中」 | +| 结论在前，出处在后 | 「报价超过采购包 2 的最高限价 1.6 万元。依据：第一章 第 4 条」 | 先长篇解释规则再给结论 | +| 后果和改法一起说 | 「这一项会导致投标无效。请在技术偏离表第 12 行补充响应。」 | 「请注意！」 | +| AI 产出明确标出来 | 「AI 摘要」「AI 初稿」，确认后由人署名 | 把 AI 结论写得像定论 | +| 术语跟着采购方式走 | 公开招标说「投标文件」，竞争性磋商说「响应文件」 | 两种混用 | + +按钮和状态用同一个词贯穿：按钮写「确认无误」，状态就显示「已确认无误」；按钮写「导出报告」，提示就说「报告已导出」。 + +## 5. 命名 + +- 中文名：**标博士**。「博士」带来专业、可信的联想；配合「审校员」的定位，用法上偏向「帮你查」，不往「帮你治」引申。 +- 英文名：统一用拼音 **BIAOBOSHI**（2026-11-02 决定，见 decisions.md B2）。代码仓库名继续用 `bid-doctor`。界面上以中文为主，拼音只出现在 logo、域名等地方。 +- 功能命名用投标人的话：「读标」（M2）、「查标」（M3），不用「智能解析引擎」这类说法。