feat(logo): 应用图标改为印泥铺满,不留白边

- build_logo.py 新增 svg/app-icon.svg:印章实心部分撑满画布,毛边外的空隙用印章红补齐,白字和颗粒保留
- build_assets.sh 由 app-icon.svg 渲染 180 / 192 / 512 / 1024px 图标,方形、不带透明,圆角交给系统
- logo-spec.md 同步资产清单

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
YANG JIANKUAN
2026-11-03 10:10:59 +08:00
parent b86e62711e
commit 05839dfe01
8 changed files with 15 additions and 10 deletions

View File

@@ -34,13 +34,10 @@ 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
# 应用图标:白底,印章占 80%(iOS 不支持透明图标)
for s in 180 192 512; do
inner=$((s * 80 / 100))
rsvg-convert -w "$inner" svg/seal-textured.svg -o "png/.tmp-$s.png"
magick -size "${s}x${s}" xc:white "png/.tmp-$s.png" -gravity center -composite "png/icon-$s.png"
rm "png/.tmp-$s.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
mv png/icon-180.png png/apple-touch-icon-180.png
rsvg-convert -w 180 -b "$RED" svg/app-icon.svg -o png/apple-touch-icon-180.png
ls svg png

View File

@@ -3,7 +3,7 @@
用法:.work/venv/bin/python scripts/build_logo.py
通常由 scripts/build_assets.sh 调用;运行前 svg/ 里要已有 seal*.svg。
"""
from logo_lib import FINAL, FINAL_INSET, LOGO, NAVY, WHITE, lockup_h2, lockup_vertical, wordmark
from logo_lib import FINAL, FINAL_INSET, LOGO, NAVY, SEAL_RED, WHITE, lockup_h2, lockup_vertical, seal_group, wordmark
SVG = LOGO / "svg"
@@ -31,4 +31,10 @@ for color, name in (("#000000", "logo-mono-black.svg"), ("#FFFFFF", "logo-mono-w
body, w, h = wordmark(FINAL, color, inset=FINAL_INSET)
write(name, lockup_h2(body, w, h, kind="clean", seal_color=color))
print("ok", sorted(p.name for p in SVG.glob("logo-*.svg")) + ["wordmark.svg", "wordmark-reverse.svg"])
# 应用图标:印泥铺满,不留白边。印章实心部分撑满画布,毛边外的空隙用印章红补齐;
# 印章下面垫纸色底,白字和颗粒仍显示为白色
seal, _ = seal_group("textured", 0, 0, 100, on_dark=True)
write("app-icon.svg", f'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">'
f'<rect width="100" height="100" fill="{SEAL_RED}"/>{seal}</svg>')
print("ok", sorted(p.name for p in SVG.glob("logo-*.svg")) + ["wordmark.svg", "wordmark-reverse.svg", "app-icon.svg"])