规范源文件：由 MetaRepo spec/ 同步，请勿直接编辑本页。

DoerFlow Logo 品牌标识规范

版本: v1.0 · 最后更新: 2026-06-27
规范源: spec/brand/（资产同步至各子仓，勿在各仓单独改版）

1. 设计语义

DoerFlow Logo Mark 表达 Agent 劳动网络（Agent Labor Network）：

元素	含义
圆角方形容器	协议边界、可组合模块
青绿 → 紫色渐变描边	品牌主色流动（价值结算）
三个节点	Agent、Skill、Worker / 发布方·执行方·协调方
三角连接	任务从创建到链上结算的闭环

不是旧版紫色六边形网络图（已废弃，勿复用）。

渐变：linear-gradient(用户空间, #00D4AA 0%, #7C3AED 100%)，方向 135°（左上→右下）。

路径均在 MetaRepo spec/brand/：

文件	尺寸	用途
`logo-mark.svg`	40×40 viewBox	默认：导航、页眉、文档站、内联展示
`icon.svg`	40×40 + 深色底	浏览器 favicon、Next.js `app/icon.svg`
`github-org-avatar.svg`	560×560	GitHub 组织头像、App Store 类方形场景

同步命令：

.\scripts\sync-brand-assets.ps1

只使用 logo-mark.svg 或规范生成的 PNG，禁止占位字母「D」、VibeAgent 旧标、Next.js 默认图标。
不要在子仓内修改 SVG 源文件；变更只在 spec/brand/ 编辑后运行同步脚本。
字标写为 DoerFlow（D+F 大写），副标题英文 Agent Labor Network。
需要 React 组件时，使用各仓已有的 BrandLogo / Logo 组件，内部引用 /brand/logo-mark.svg（或 Expo assets/brand/logo-mark.svg）。

仓库	资产路径	组件	Favicon / App Icon
site	`public/brand/logo-mark.svg`	`components/site/logo.tsx`	`app/icon.svg`
docs	`docs/public/logo-mark.svg`	Rspress `logo` / `icon` 配置	同左
admin	`public/brand/logo-mark.svg`	`components/brand/logo.tsx`	`app/icon.svg`
web	`public/brand/logo-mark.svg`	`src/components/brand/Logo.tsx`	`public/favicon.png`（由脚本生成）
wallet	`assets/brand/logo-mark.svg`	按需 `Image`	`assets/icon.png`（脚本生成）
worker	`assets/brand/logo-mark.svg`	按需 `Image`	`assets/icon.png`（脚本生成）

Next.js / Rsbuild（img）

<img src="/brand/logo-mark.svg" width={28} height={28} alt="DoerFlow" />

Rspress（rspress.config.ts）

icon: '/logo-mark.svg',
logo: '/logo-mark.svg',
logoText: 'DoerFlow',

Expo（app.json）

"icon": "./assets/icon.png",
"splash": { "image": "./assets/splash-icon.png", "resizeMode": "contain", "backgroundColor": "#0B1120" }

ON THIS PAGE