陶土红的 B

标签页只有 16 像素。原来的 favicon 是黑白圆形 B，丢进一排文档、邮件、Jekyll 本地预览的标签里，等于没有。换成圆角方块、陶土红底 #C4562A、米色 B。红在灰标签栏里能跳出来。B 仍是 BosPrimigenious 的首字母，不是奖项缩写。奖项缩写会撞。16px 还要能认：圆角不要圆到变成球，B 的字重要够，不要做成细线衬线。细线在 16px 会糊。糊了和黑白圆形一样废。

文件是 favicon.png，_config.yml 里 icon: favicon.png。旧黑白留在 favicon-mono.png，不删。不删是为了回滚，也为了有人问「以前那个圆的呢」时能指到。指到旧文件，不要把它重新设成 icon。设回去，标签栏又会看不见。folio 里几份静态 html 也写了 assets/img/favicon.png，改主文件时那些引用要还在同一个路径。路径变了，Pages 上的新站和本地 127.0.0.1:4000 会一个新一个旧。旧的往往是缓存。浏览器会把 favicon 缓存得很死。看不见新的，关标签再开，或硬刷新。仍旧旧，查是不是还在看上一周没关的 bundle exec 进程。端口被占会让人误以为 PNG 没换。

换图标发生在皮肤已经从整齐 2×2 改成左右错落之后。奶油色页面上，陶土红是一个能重复的点：按钮、强调、标签页。重复不等于整站刷红。整站刷红会和展板、证书扫描件打架。打架时照片里的紫吊牌、深蓝板、汉服颜色都会脏。所以红只给小面积：favicon、少量强调。大面积仍给照片自己的颜色。照片是真现场。图标是符号。符号让标签栏可认，不负责证明 47/452。

制作约束要写死。不要用 AI 生成一张带复杂纹理的徽章，缩到 16px 会成噪点。不要把汉服照片塞进 favicon，脸会变成几个脏像素。不要把「国创」两个字塞进去，16px 读不成字，还会把爱好和生活页一起误标成竞赛站。B 够了。米色 B 对陶土红的对比要够。对比不够，暗色标签栏里红底会吞掉字母。我对着浏览器标签栏看过，不靠设计软件的全屏预览验收。全屏预览里什么都清楚。标签栏才是真用户路径。

课赛期间不要重做 favicon。重做属于站点仓的视觉改动，要能回滚，要清缓存，要检查多份 html。撞周的晚上做这些，会把第二段睡眠吃掉，而课设和演示不会因此更好。图标已经能认，就停。能认的标准：在一堆标签里能指出哪一个是个人站。指出了，任务完成。完成之后如果有人觉得不够「品牌」，那是 Marketplace 模板的口气。这个站不 Remix Framer，也不把 favicon 做成品牌系统。系统有一份 typst 简历、一份 Jekyll 仓、一串能指回源的数字就够。图标只是仓的门牌。

门牌颜色写进这篇，是为了以后改的人不要凭感觉调成别的红。#C4562A 可以在注释或设计稿里核对。核对完仍用同一张 PNG，不要每改一次皮肤就换一次 icon。换一次就要面对缓存。缓存会让验收说「没换上」。没换上的那十分钟，人会去改 _config.yml 的无关项。无关项动了，构建警告会多。警告里已有 main.css 冲突和 listen 软链，不必再添。所以 favicon 的完成标准很窄：圆角方块、陶土红、米色 B、16px 可认、旧文件还在、缓存清过、电话和奖项都没有画上去。没有画上去的那些，请看别的页。这页只看标签栏那一小块。

16px 怎么验收

对着浏览器标签栏看，不靠设计软件全屏预览。全屏里什么都清楚。要在一堆标签里能指出哪一个是个人站。指出了就停。不要把汉服照片或「国创」两个字塞进 16px。B 够了。旧文件 favicon-mono.png 留着回滚，不要重新设成 icon。

缓存会让人误改配置

看不见新图标时，先关标签再开，再查是不是还在看旧的 bundle exec。仍旧旧，不要去改 _config.yml 里无关的项。无关项动了，构建警告会多。警告里已有 main.css 冲突和 listen 软链，不必再添。颜色锁在 #C4562A，字母锁在 B。

不要做成品牌系统

这个站不 Remix Framer，也不把 favicon 做成一整套 VI。系统有一份 typst 简历、一份 Jekyll 仓、一串能指回源的数字就够。图标只是仓的门牌。门牌已经能认，课赛期间不要重做。重做要清缓存、查多份 html、占掉第二段睡眠，而课设不会因此更好。 完成标准很窄：圆角方块、陶土红、米色 B、16px 可认、旧文件还在、缓存清过。奖项不要画上去。 folio 里几份静态 html 也指向同一张 favicon.png。改主文件时路径不要拆开，拆开会一个新一个旧。