内部 · 品牌预览

三个徽标方案

在站点实际使用的每种尺寸下对比三个候选标记—— favicon（16/32/64）、页头（28）以及 1200×630 社交分享卡。 选定一个方案后，页面底部记录了替换流程。

建筑风格

A. Aperture

实心大写字母 D，中部有一条红色水平缺口，向右侧延伸超出边缘，形成编辑分割线。寓意：开放／无障碍／D 代表 Disability。具有编辑级视觉分量（风格近似 NYT、Bloomberg）。

public/branding/option-1-aperture/ · 3 个文件：mark.svg、favicon.svg、og.svg

页头 — 浅色主题
Disability World
页头 — 深色主题
Disability World
Favicon — 16 / 32 / 64 px
标记 — 96 px · 单色变体
Open Graph 卡 — 1200×630
A. Aperture 社交分享卡预览

残疾编码

B. Cell

盲文字符单元第 1、4、5 位的三个实心红点——即盲文字母 D。直接指向残疾主题。浅色轮廓隐约勾勒出字符单元形态；favicon 版本在 16×16 尺寸下省略轮廓以提升清晰度。

public/branding/option-2-cell/ · 3 个文件：mark.svg、favicon.svg、og.svg

页头 — 浅色主题
Disability World
页头 — 深色主题
Disability World
Favicon — 16 / 32 / 64 px
标记 — 96 px · 单色变体
Open Graph 卡 — 1200×630
B. Cell 社交分享卡预览

全球视野

C. Latitude

地球轮廓＋水平线（延伸超出地球边缘形成编辑分割线）＋右上象限的单个红色位置标记。寓意：世界／覆盖范围／定位。与现有标记更为接近，但设计更为刻意精炼。

public/branding/option-3-latitude/ · 3 个文件：mark.svg、favicon.svg、og.svg

页头 — 浅色主题
Disability World
页头 — 深色主题
Disability World
Favicon — 16 / 32 / 64 px
标记 — 96 px · 单色变体
Open Graph 卡 — 1200×630
C. Latitude 社交分享卡预览

选定方案后

告知所选方案（A / B / C），随后将执行以下操作：

  1. 以所选 favicon.svg 替换 public/favicon.svg。
  2. 从新 SVG 重新生成 public/favicon.ico（多尺寸：16、32、48）。
  3. 将 src/components/Header.astro 中的内联品牌标记 SVG 更新为新的 mark.svg 路径。
  4. 将 1200×630 OG 图片设为站点默认社交分享卡（当前 OG 回退使用 favicon）。
  5. 添加 Apple touch icon 变体（180×180 PNG），供 iOS 主屏幕固定使用。
  6. 构建、部署并在生产环境验证。