吉祥物与 Logo

一个主标，三种风格化身

主品牌标固定用青藤版的扁平小老虎：应用商店、仓库头像、官网、favicon、文档封面都用它。萌虎版和像素版是同一只老虎的风格化身，只出现在对应风格的界面里（侧栏标志、空状态），以及用户选择「App 图标跟随风格」后的备用图标。

文件	用途
`bostonivy-mark.svg`	主标，全彩，32px 及以上
`bostonivy-mark-small.svg`	小尺寸主标，16–31px（去掉腮纹、口鼻和多余叶子）
`bostonivy-mark-mono.svg`	单色主标，墨色 `#17201A`；用于印章、刺绣、Android 单色图标
`bostonivy-lockup-horizontal.svg`	横版组合：标 + 爬山虎 + BostonIvy
`bostonivy-lockup-vertical.svg`	竖版组合
`mascot-clean.svg` · `mascot-sticker.svg` · `mascot-pixel.svg`	三种风格的吉祥物，只在对应风格内使用

构造

吉祥物构造网格

以 120 单位方形网格绘制，头宽 W = 96。眼距为 0.35W，脸部外轮廓近似半径 0.49W 的圆，两腮各有一个外凸的毛簇。
额头上老虎的「王」字纹换成一片三裂的爬山虎叶。两侧腮纹各两道。
头顶长出一根藤，挂着三片叶：两片绿，一片红。红叶代表秋天的爬山虎，是整套配色里「秋叶红」的来源。左耳上另有一片小叶，只在完整版里出现。
叶形是爬山虎的三裂掌状叶：中裂片最长，两侧裂片向外上方张开。所有叶子都用同一条路径缩放旋转得到，不要另画。

主标颜色：

部位	色值
脸	`#6CC28A`
耳朵	`#5DB97E`，内耳 `#D7F0DE`
腮纹、额叶、深色叶	`#2F8A55`
浅色叶	`#3FA968`
秋叶	`#D9512C`
口鼻区	`#EAF7EE`
眼睛、鼻子	`#1B2A20`
腮红	`#F4A28C`

安全区

安全区示意

标的四周至少留出 x = W/4 的空白，组合版也一样，以标的头宽为准。安全区里不能出现其他文字、图形或背景边缘。

最小尺寸

完整主标：屏幕上不小于 32px，印刷不小于 10mm。
16–31px 一律换成 bostonivy-mark-small.svg。
组合版宽度不小于 120px；更窄时只用标。
像素版本来就是 15×15 像素网格，在 16px 下按原样显示，必须关闭抗锯齿（SVG 里已写 shape-rendering="crispEdges"）。

背景

首选白色、bg-canvas 或品牌浅绿 #DDF2E4。
放在深色底上时直接用全彩标，不用描白边；在照片或复杂底纹上，先垫一块 #DDF2E4 圆角底板（圆角为底板边长的 22.5%）。
单色场景用 bostonivy-mark-mono.svg，只用墨色或白色两种颜色。

禁止的用法

不要旋转、倾斜，不要拉伸压扁。
不要改颜色，不要做渐变、描边或投影。萌虎版的白边和墨线属于萌虎版本身，不能加到主标上。
不要只画轮廓线。
不要放在杂乱或对比度不够的背景上。
不要和旧品牌的名称、羊驼形象并排出现。
不要拆开使用老虎和叶子，也不要给老虎加身体、道具或别的表情。表情变化只在空状态插画里出现，而且由设计统一出图。

App 图标规格

macOS

画布 1024×1024，主体是 824×824 的圆角方形，位于 (100, 100)，圆角半径 185（连续曲率），带 Big Sur 风格投影：y 偏移 10，模糊 20，黑色 28%。
底色 #DDF2E4，主标缩放后放在视觉中心偏上 8 单位。
源文件：app-icon-macos.svg；备用图标：app-icon-macos-sticker.svg、app-icon-macos-pixel.svg。
导出 .icns 所需尺寸：16、32、64、128、256、512、1024（含 @2x）。32px 以下改用小尺寸主标重新排版，不要直接缩小。

Android

Android 自适应图标安全区

自适应图标：108×108dp 画布，四周可能被裁掉 18dp，实际可见 72dp，关键内容放在中心直径 66dp 的安全圆内。
前景 ic_launcher_foreground.svg（透明底，老虎放在安全圆内），背景 ic_launcher_background.svg（纯色 #DDF2E4）。
单色图标 ic_launcher_monochrome.svg：Android 13 起的主题图标，系统会重新上色，只用一种不透明颜色。
转成 VectorDrawable 放进 res/drawable/，在 mipmap-anydpi-v26/ic_launcher.xml 里引用；Play 商店另外需要 512×512 PNG。
风格备用图标用 activity-alias 实现。Android 默认关闭「App 图标跟随风格」，因为切换别名在部分桌面上会让应用被重启。

Web

favicon.svg：24 单位小尺寸主标，内置 prefers-color-scheme 让暗色浏览器里的底板变深。另外导出一个 32×32 的 favicon.ico 给旧浏览器。
apple-touch-icon.svg：180×180，满底不透明，导出 PNG 使用。
app-icon-maskable.svg：512×512 的 PWA maskable 图标，主体在中心 80% 的安全圆内；在 manifest.webmanifest 里写 "purpose": "maskable"。
<head> 写法：

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">