---
title: 如流logo应用规范
slug: 如流logo应用规范
category: 品牌
figma_node_id: 4867:669
figma_page_name: ＞如流logo应用规范
aliases: [logo, 品牌标识, brand mark, logo 安全区, 如流标志, 如流商标, brand logo, identity]
last_extracted: 2026-05-20
status: ok
---

# 如流 logo 应用规范

> 如流品牌 logo 在产品 / 营销 / 物料中的应用规范。本页主要由一张 1094 × 543 的主版式画板承载 logo 各形态与安全区示意；从 Figma 抽得的可读规则较少，详细的最小尺寸 / 主色变体 / 禁用场景以画板内规范图为准。建议设计师在拉规范时直接在 Figma 中按"4867:669"打开页面，本页提供 token 与已知约束作为参考。

## 一、画板信息

| 属性 | 值 |
|---|---|
| 主画板尺寸 | 1661 × 1590（节点 `4867:690`） |
| logo 主区域 | 1094 × 543（节点 `4867:1175`，位置 x=284 y=551） |
| 装饰底图 | 1341 × 856 的浅蓝矩形（`#3377FF` 10% 透明度） |
| 整体底色 | `#FFFFFF` |
| 页头标识 - TPUE | "TPUE" + "组件规范·V2.0"（页头标准元素） |

## 二、logo 主色

| 用途 | hex | token 角色 |
|---|---|---|
| 品牌主色 | `#3377FF` = `Brandblue60` | logo 标准蓝 |
| 装饰底（背景示意） | `rgba(51, 119, 255, 0.10)` | 10% Brandblue60 |
| 页头文字 - 主标题 | `#5C6373` | TPUE 标识 |
| 页头文字 - 副标题 | `#878D99` = `C-Coolgray60` | 组件规范·V2.0 |
| 装饰渐变 - 页头 Union | `linear-gradient(-64deg, rgba(51,119,255,0)→rgba(51,119,255,0.06))` | 通用页头渐变 |

> 关联 token 见 [色彩](../基础/色彩.md)。

## 三、变体与应用场景

由于 Figma 当前版本的 logo 子节点未拆出独立文本注解，常规 logo 应用规范包括以下变体（按设计行业通用做法，本页变体在画板中以视觉示意为准）：

| 变体 | 应用 |
|---|---|
| 横版完整 logo | 桌面端登录页 / 邮件签名 / 营销 banner |
| 竖版 logo | 移动端启动页 / 小尺寸物料 |
| 纯图形 logo | 客户端 app icon / 浏览器标签页 / 收藏夹 |
| 反白 logo | 深色底图（视频会议背景、夜间模式） |
| 单色 logo | 单色印刷 / 灰阶物料 |

具体最终采用哪些变体，以 Figma 画板 `4867:1175` 中的实际形态为准。

## 四、最小尺寸（待 Figma 补全）

| 形态 | 推荐最小尺寸 |
|---|---|
| 横版完整 logo | 高度不小于 16px（屏幕端） / 不小于 8mm（印刷） |
| 纯图形 logo | 不小于 16 × 16px |
| 反白 / 单色 logo | 不小于完整版的最小尺寸 |

> ⚠️ 上述数值为行业通用最小可读尺寸；如 Figma 主画板有更严格规定，以画板内标注为准。

## 五、安全区

logo 周围保留独立"安全区"，禁止在安全区内放置任何文字 / 图形 / 装饰元素。

| 形态 | 安全区 |
|---|---|
| 横版完整 logo | 上下 = logo 高度的 0.5x；左右 = logo 高度的 1x |
| 纯图形 logo | 四周 = logo 尺寸的 0.25x |

> 上述数值为行业通用值；如 Figma 主画板有更严格规定，以画板内标注为准。

## 六、禁用场景

以下场景不可使用如流 logo：

- 旋转 / 倾斜 / 镜像 logo 主体
- 重新着色（除"主色 / 反白 / 单色"三套预设外）
- 在低于最小尺寸的容器中放置 logo
- 在 logo 周围安全区内叠加文字 / 图标 / 装饰
- 改变 logo 内部元素之间的相对比例 / 间距
- 加投影 / 描边 / 渐变等额外视觉效果（除预设外）
- 在与主色对比度低于 AA 的背景上直接放置主色 logo（应换反白）

## 七、与 BEP 大模型符号的关系

如流 logo 与 BEP 大模型符号（详见 [大模型视觉体系规范-BEP](大模型视觉体系规范-BEP.md)）共用品牌蓝 `#3377FF`，但属两套独立标识系统：

- **如流 logo**：代表产品 / 品牌整体
- **BEP 大模型符号**：代表 AI 能力，承担"超级助手 / 超级助理"入口语义

两者在同一界面中出现时需保留各自的安全区，避免视觉混淆。

## 八、文档下载

logo 矢量源文件 / 各变体打包，以 Figma 设计稿和团队内部品牌资源库为准（推断有 .ai / .svg / .png 输出）。若 Figma 页内含下载链接，以链接为准。

## 示例

![如流logo-主版式画板](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-横版完整](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-竖版](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-纯图形](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-反白](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-单色](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-安全区横版](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-安全区纯图形](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-最小尺寸](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)
![如流logo-禁用示例](../图片/品牌/如流logo应用规范/zhu-ban-shiboard.png)

## 设计考量 / 原文摘录

> 整体框架画板 1661 × 1590；logo 主区域 1094 × 543。
> 装饰底 #3377FF 10% 透明度（呼应品牌蓝）。

- **品牌蓝统一**：logo 主色与品牌主色、AI 主入口色全部锚定 `#3377FF`，构建强品牌识别
- **变体场景化**：横版 / 竖版 / 反白 / 单色按媒介与对比度需求拆分，避免在错误场景用错形态
- **安全区硬约束**：logo 周围安全区禁止任何元素，是品牌一致性的最低保障
- **与 AI 标识协同**：与 BEP 符号同色但不同义，避免在同一区域过度叠用

## 不推荐用法

- 自行重绘 logo 内部图形（必须使用官方矢量源文件）
- logo 上加投影 / 渐变 / 描边
- 主色 logo 直接用在与主色对比度低的底色上（应换反白）
- 在 logo 周围安全区内放置文字 / 图标
- 缩放到低于最小尺寸（应改用纯图形或不放 logo）
- 把 logo 与 BEP 大模型符号叠加形成新组合标识

## 关联

- 品牌色 / 中性色 token 见 [色彩](../基础/色彩.md)
- 2023 设计语言基础见 [2023设计语言规范](../基础/2023设计语言规范.md)
- 设计原则见 [设计原则](../基础/设计原则.md)
- 大模型 AI 视觉见 [大模型视觉体系规范-BEP](大模型视觉体系规范-BEP.md)
- BEP 协同图标集合见 [BEP 协同大模型图标](../基础/BEP协同大模型图标.md)
