IvyLabs Design BostonIvy 爬山虎 v0.3.0

素材

全部是 SVG，可以直接下载。图标用墨色 #17201A 预览，代码里内联后改成 currentColor。

Logos

  • bostonivy-mark.svg：主品牌标，全彩，青藤扁平版。32px 及以上使用，四周留出头宽 1/4 的安全区。
  • bostonivy-mark-small.svg：小尺寸主标，16–31px 使用。
  • bostonivy-mark-mono.svg：单色主标，墨色 #17201A；需要白色版本时把墨色整体替换成 #FFFFFF，不要用滤镜。
  • bostonivy-lockup-horizontal.svg、bostonivy-lockup-vertical.svg：标加「爬山虎 BostonIvy」的组合，宽度不小于 120px。文字是系统字体的实时文本，正式印刷前要转成曲线。
  • mascot-clean.svg、mascot-sticker.svg、mascot-pixel.svg：三种风格的吉祥物，只在对应风格的界面里使用。像素版放大时保持 crispEdges。

AppIcons

  • macos/app-icon-macos.svg：macOS 应用图标，1024 画布、824 主体、圆角 185，自带投影；导出 .icns。app-icon-macos-sticker.svg、app-icon-macos-pixel.svg 是「App 图标跟随风格」的备用图标。
  • android/ic_launcher_foreground.svg、ic_launcher_background.svg：自适应图标的前景和背景层，108dp 画布，关键内容在中心直径 66dp 的圆内。
  • android/ic_launcher_monochrome.svg：Android 13 起的主题图标，单色黑，系统会重新上色。
  • web/favicon.svg：自带暗色模式的 SVG favicon；web/apple-touch-icon.svg（180）和 web/app-icon-maskable.svg（512，80% 安全圆）导出 PNG 后使用。

Illustrations

  • empty-clean.svg：青藤空状态，小老虎从挂满爬山虎的墙头探出脑袋。
  • empty-sticker.svg：萌虎空状态，闭眼笑的小老虎和一枚打勾贴纸。
  • empty-pixel.svg：像素空状态，打盹的像素小虎；放大时保持 crispEdges。

显示宽度 240px（2× 资源为 480），配合 EmptyState 组件使用。

Icons

35 个 24px 线性图标，墨色 #17201A，描边 1.8（青藤粗细）。代码里请用 Icon 组件或把 SVG 内联，并把颜色改成 currentColor；描边粗细和端点由风格别名 --icon-stroke、--icon-cap、--icon-join 控制。play.svg、stop.svg 是实心图标。