Capgo 品牌资源
下载官方 Capgo Logo,查看配色与字体规范,并遵循简单的使用规则,以确保我们的品牌在各目录、集成及联合营销中保持一致。
Logo 下载
预览各版本 Logo,然后下载 SVG 或 PNG。文件已达到生产级标准,与 capgo.app 使用的矢量图一致。
标准色板
这些颜色源自 Capgo 营销网站的主题。品牌字段请使用 Banner navy 和 Icon navy;交互高亮请使用 Accent blues。
深蓝色横幅
主要营销背景及横向 Logo 组合。
海军蓝图标
在浅色背景上使用的 App 图标背景及海军蓝组合。
页眉表面
网站上的导航胶囊按钮及悬浮 UI 面板。
强调蓝
链接、聚焦环及主要 Call-to-action 高亮 (azure-500)。
聚焦环
在深色背景上的键盘聚焦及交互强调。
页面背景
默认站点主体背景 (gray-900)。
字体排版
Satoshi Variable (品牌及 UI 首选字体)
支持 300 至 900 字重,包含斜体,通过网站字体 bundle 以 variable WOFF2 格式提供。
Capgo 提供 Live Update。
capgo.app 的正文使用相同的 Satoshi 系列,段落、标签和 UI 文本采用 Regular 和 Medium 字重。
使用指南
请将 Capgo 组合标识视为单一整体。除非仅使用图标资产,否则钻石图标与文字标识应保持在一起。
准则
- 请在整个 Logo 组合周围保留与 Capgo 标志高度相等的留白。
- 在屏幕上,Logo 组合的宽度应至少为 120px;在印刷品中,宽度应至少为 0.75 英寸。
- 确保高对比度:深色背景使用白色 Logo 组合,白色或极浅中性色背景使用藏青色 Logo 组合。
- 产品名称写作 Capgo(C 大写,apgo 小写)。请勿在正文中使用 CAPGO、CapGo 或 Cap Go。
不要
- 请勿拉伸、挤压或改变 Logo 组合的比例。
- 请勿在指定的藏青色与白色搭配之外,对图标或字标进行重新着色。
- 请勿为 Logo 添加阴影、发光、轮廓或 3D 特效。
- 请勿旋转、倾斜或为 Logo 组合添加动画,网站页眉中细微的标志动效除外。
- 请勿将白色 Logo 组合放在杂乱的照片或低对比度的渐变背景上。
命名
Capgo 是一个单词。请在句子中将其作为专有名词使用(例如:“Capgo 向 Capacitor 应用发布实时更新”)。
媒体简介
Capgo 是专为 Capacitor 和 Ionic 应用打造的开源 live update 平台。团队通过 Capgo 实现 JavaScript、HTML 和 CSS 的即时更新,并能管理发布渠道、运行 Native Build 以及监控发布状态,无需等待 App Store 审核。