#!/usr/bin/env bash # 生成全部正式 logo 资产到 svg/、png/ 和 favicon.svg。 # 前置:v5/ 里有 process_seal.py 处理好的印章;.work/venv 和 .work/fonts 已准备好。 # 用法:docs/design/logo/scripts/build_assets.sh set -euo pipefail cd "$(dirname "$0")/.." RED='#D9291C' PY=.work/venv/bin/python mkdir -p svg png rm -f svg/*.svg png/*.png # 1. 印章(来自 v5/,由 process_seal.py 生成) cp v5/seal-clean.svg svg/seal.svg cp v5/seal-textured.svg svg/seal-textured.svg cp v5/seal-small.svg svg/seal-small.svg cp v5/seal-paper.svg svg/seal-paper.svg # 2. 字标与组合(H2 比例 + 思源宋体 SemiBold + Libre Caslon + C2 视觉对齐) "$PY" scripts/build_logo.py # 3. 图标:16px 用方案 B(加粗简化的「标」字),32px 起用小尺寸印章 sed "s/#D2282E/$RED/Ig" archive/v1/svg/favicon-16-b.svg > svg/favicon-16.svg cp svg/seal-small.svg favicon.svg # 4. PNG:组合与印章(透明背景,由矢量渲染) rsvg-convert -w 1200 svg/logo-horizontal-textured.svg -o png/logo-horizontal-1200.png rsvg-convert -w 2400 svg/logo-horizontal-textured.svg -o png/logo-horizontal-2400.png rsvg-convert -w 1200 svg/logo-horizontal-textured-reverse.svg -o png/logo-horizontal-reverse-1200.png rsvg-convert -w 600 svg/logo-vertical-textured.svg -o png/logo-vertical-600.png rsvg-convert -w 600 svg/logo-vertical-textured-reverse.svg -o png/logo-vertical-reverse-600.png rsvg-convert -w 1024 svg/seal-textured.svg -o png/seal-1024.png # 5. PNG:图标 rsvg-convert -w 16 svg/favicon-16.svg -o png/favicon-16.png rsvg-convert -w 32 svg/seal-small.svg -o png/favicon-32.png # 应用图标:印泥铺满整个方形,不留白边,不带透明(iOS 不支持透明图标);圆角由系统加 for s in 192 512 1024; do rsvg-convert -w "$s" -b "$RED" svg/app-icon.svg -o "png/icon-$s.png" done rsvg-convert -w 180 -b "$RED" svg/app-icon.svg -o png/apple-touch-icon-180.png ls svg png