Skip to content
Apothem
品牌指南

Logo 使用规范

Logo 使用规则,包括变体、栅格尺寸、留白要求,以及允许与禁止的用法。

变体

变体文件使用场景
标志,浅色表面assets/logo.svgREADME 页眉、站点首屏、图示、浅色背景
标志,深色表面assets/logo-dark.svg站点首屏与深色背景
文字标志,浅色表面assets/logo-wordmark.svg品牌名称需与标志一同出现的宽幅组合
文字标志,深色表面assets/logo-wordmark-dark.svg深色表面上的宽幅组合
浏览器站点图标assets/favicon.svgassets/favicon.icoassets/favicon-16x16.pngassets/favicon-32x32.png浏览器标签页与 ICO 回退使用方
Apple 触摸图标assets/apple-touch-icon-180.pngiOS 书签
社交卡片assets/og-banner-1200x630.pngassets/twitter-card.pngassets/social-preview.svgOpen Graph、Twitter/X 以及 GitHub 仓库预览表面

栅格尺寸

预生成的标志栅格图提供 16、32、64、128、192、256、512 与 1024px 尺寸。 浅色与深色变体均有提供,唯 192px 栅格图仅有浅色(PWA purpose: "any" 安装图标)。站点图标使用简化的字母组合标记, 而非完整的编织标志,因此在浏览器标签页尺寸下仍保持清晰可辨。

留白

在所有侧边保持至少为 logo 高度 1/4 的留白。 不要将 logo 置于会使其难以辨识的背景上。 仅在小型方形表面使用站点图标的字母组合标记;在标志有足够空间舒展的任何地方, 使用完整的标志或文字标志。

允许的用法

  • 链接到 Apothem 网站或仓库
  • 关于 Apothem 的集成文档与博客文章
  • 引用 Apothem 的演示文稿

禁止的用法

  • 修改 logo 的形状、比例或编织图案
  • 未经许可使用 logo 来暗示官方背书
  • 以创造出新的复合标志的方式将 logo 与其他标志组合

On this page