# POSX 品牌规范 Brand Guidelines

> 版本 v1.0.0 · 2026-08-02 · 资产目录 `01-brand/logo/` · 完整线上规范 brand.posx.network

---

## 1. Logo 构成与版本

POSX 标识 = **图标 Mark**（电路脉络字母组合，品牌紫）+ **字标 Wordmark**（POSX 定制字形，藏青）。

| 版本 | 文件 | 图标色 | 字标色 | 使用场景 |
|---|---|---|---|---|
| 主版本（双色） | `svg/posx-logo-primary.svg` | 紫 `#6352ce` (purple-600) | 藏青 `#393951` (navy-700) | 浅色背景默认用这个 |
| 白色版 | `svg/posx-logo-white.svg` | 白 | 白 | 深色背景（navy-700 以深、品牌渐变上） |
| 纯黑版 | `svg/posx-logo-black.svg` | 黑 | 黑 | 单色印刷、传真、雕刻等生产场景 |
| 图标版 Mark | `svg/posx-mark-primary / -black / -white.svg` | 同上 | — | 头像、favicon、App 图标、空间受限处 |

PNG 导出：`png/` 内含各版本 600 / 1200 / 2400px 宽（logo）与 256 / 512 / 1024px（mark），透明底。

## 2. 安全留白与最小尺寸

- **留白（clearspace）≥ 图标高度的 25%**，四周一致；留白内不得出现其他图形与文字。
- 屏显最小：完整 Logo 宽 **24px**、Mark **20px**。印刷最小：完整 Logo **8mm**、Mark **6mm**。
- 小于最小尺寸的场景（如 16px favicon）只用 Mark。

## 3. 背景与配色规则

- 浅底（cloud-50/100、白、sand）→ **双色主版本**。
- 深底（navy-700 以深、品牌渐变、摄影暗部）→ **白色版**（navy-700 恰是字标本色，双色版字标会隐形）。
- 禁止把双色版放在深底、白色版放在浅底。
- 背景复杂时垫 `--card`（白）或 `--grad-cloud-veil` 色带再放 Logo。

## 4. 误用禁例（一票否决）

1. 不旋转、不拉伸、不裁切。
2. 不改颜色（哪怕改成系统内其他 token）、不加渐变/阴影/描边/发光。
3. 不重新排版字标、不换字体重写 "POSX"、不与其他图形拼成新 Logo。
4. 不在留白区内放置任何元素。
5. 不使用旧版/未授权的第三方重绘版本。

## 5. Favicon 与应用图标（`logo/favicon/`）

| 文件 | 规格 | 用途 |
|---|---|---|
| `favicon.svg` | 矢量，自适应深浅模式（dark 下自动换 purple-400） | 现代浏览器首选 |
| `favicon.ico` | 16/32/48 三档 | 兼容回退 |
| `apple-touch-icon.png` | 180×180，紫底白标 | iOS 添加到主屏 |
| `icon-192.png` / `icon-512.png` | PWA manifest 图标 | 安卓/PWA |
| `icon-maskable-512.png` | maskable（安全区 55%） | 安卓自适应图标 |

推荐 HTML 头部：

```html
<link rel="icon" href="favicon.ico" sizes="48x48">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
```

## 6. 社交与分享

- 分享卡片底图：`logo/social/og-default.png`（1200×630，品牌渐变 + 白 Logo）。
- 社交头像：用 `posx-mark-primary`（浅底）或紫底白 Mark（`icon-512.png`）。

## 7. 授权

编辑性使用（新闻报道等）在遵守上述规则下允许；商业/营销联名使用需书面授权。