# SOSP 品牌素材

来源：用户提供的公司 Salesforce 系统标识截图，整理于 2026-09-09。

## 文件

| 文件 | 内容 | 建议用途 |
| --- | --- | --- |
| `sosp-logo-icon.svg` | 上方 SOSP 图标的独立裁切视口，180 × 180 | 手机页面顶部、登录页、助手品牌标识 |
| `sosp-logo-original.jpg` | 完整原始截图，257 × 352，含“SOSP移动办公”文字 | 品牌来源留存、查看原始排版 |

图标 SVG 内嵌完整原始 JPEG，通过视口只显示上方图标。它是一个可独立引用的文件，不依赖截图的原路径，也没有重绘字形或圆环。内嵌图片已与原图进行 SHA256 一致性校验。

这不是纯矢量重绘，也不是真正的透明抠图。保留原图的白色/浅色底和原始清晰度，建议显示为 32—64 CSS 像素，不用于需要大幅放大的印刷素材。原图为当前品牌依据；后续取得官方高清或矢量文件后可替换。

## 前端接入

将 `sosp-logo-icon.svg` 复制到实际前端项目的 `public/brand/`（或该项目对应的静态资源目录），然后按项目部署基路径引用：

```html
<img src="/brand/sosp-logo-icon.svg" alt="SOSP" width="40" height="40" />
```

上例用于网站根路径部署，子路径部署应使用项目的资源路径机制。SVG 使用内嵌 data 图片，如果项目设置了严格 CSP，需要确认图片策略允许该内嵌资源；不要因此放宽无关脚本或其他权限。

“SOSP移动办公”可作为独立 HTML 文字按页面排版呈现，避免沿用截图中因空间狭窄产生的断行。应用副标题可写“销售助手”，页面上的 mock / 生产只读 / UAT 状态仍按主 Plan 展示。

## 处理说明

曾使用内置图像工具尝试按“提取上方 SOSP 图标、保留文字与蓝色圆环、移除下方标题和外部背景”的要求生成提取版；因字形/圆环细节发生变化，未将该结果纳入前端素材。最终采用原图内嵌的 SVG 裁切显示方式，以上两个图像文件为本次交付资产。