Skip to content
Apothem
品牌指南

品牌指南

Apothem 品牌命名规范、徽标变体、配色方案以及一致品牌应用的资产指南。

Apothem 使用两种形态的品牌规范:

形态用法示例
Apothem展示形态——所有正文、标题、界面、文档Apothem vX.Y.Z、Install Apothem
apothem标识符形态——CLI 命令、包名、文件路径npx @ahmed-g-gad/apothem、apothem install

切勿使用:ApoThem(驼峰式大小写)、Apo-them(带连字符)、APOTHEM(全大写),或在正文中使用小写的 apothem。Apothem 是唯一的展示形态。

标语

one profile, every harness

标语以小写书写,与文字标志锁定版和社交卡片上所呈现的完全一致。

徽标

Apothem 标记是一个规则的平顶六边形:六条边心距(apothem)从共同的中心呈扇形伸向每条边的中点, 一个内切圆穿过这六个中点,中心处有一个源节点。通向顶边的边心距为翡翠色,其余五条为板岩色; 其几何规格见 assets/DESIGN-SYSTEM.md。 浅色与深色变体可在 assets/logo.svg 和 assets/logo-dark.svg 取得。横向锁定版位于 assets/logo-wordmark.svg 和 assets/logo-wordmark-dark.svg。

浏览器收藏夹图标特意使用紧凑的 assets/favicon.svg 字母组合标识,而非完整的 标记;在 16px 下,字母组合在浏览器标签页和固定界面中更清晰。

参见徽标用法了解允许的用途和留白要求。

配色

参见配色方案了解完整的颜色规范。

工具配色

参见工具配色了解用于 mermaid 图表、工具页面和适配器 状态指示器的逐工具品牌色表。

资产配色理念

Apothem 标记上的外围节点是装饰性几何——它们唤起中心辐射式架构而不编码工具数量, 因此随着适配器的增加,标记保持稳定。工具配色的颜色分配位于工具配色; 无障碍姿态和逐界面传播规则记录在该页面上。

资产重建

参见重建配方了解从主 SVG 重新生成栅格资产的说明。

On this page