# 观木堂 · 品牌素材包

设计方向：木作结构与家的轮廓，森林绿、温暖米白、原木。英文沿用网站现有名称 VIEWWOOD HOME。

本套沿用 public/logo/guanmutang-v1 的透明 Logo 和独立图标，新设计社交封面、反白头像。新增图像使用内置 image_gen，尺寸导出使用 Sharp。现有网站引用未改动。

## 文件与尺寸（像素）

| 目录 | 内容 | 尺寸 |
| --- | --- | --- |
| logo/ | 透明横版 PNG、WebP | 宽 240、320、360、480、560、640、760、1000、1200、1600、2000，高度等比 |
| icon/ | 透明独立图标 PNG | 16、32、48、64、128、180、192、256、512、1024 方形 |
| icon/favicon.ico | 浏览器 favicon | 多尺寸 ICO，沿用既有文件 |
| avatar/ | 森林绿底、米白标志头像 PNG | 128、192、256、400、512、800、1024 方形 |
| social/cover-wide-* | 通用横幅 | 1500 × 500 |
| social/cover-facebook-* | Facebook 比例封面 | 1640 × 624 |
| social/cover-linkedin-* | LinkedIn 比例封面 | 1584 × 396 |
| social/share-og-* | 网站链接分享图 | 1200 × 630 |
| social/cover-youtube-* | YouTube 比例背景 | 2560 × 1440 |

社交图同时提供 PNG 与 JPG；master 文件保留生成母图。manifest.json 记录实际尺寸、透明通道和文件大小。index.html 是可视预览页。

## 使用

- 网站导航建议 logo/logo-w480.webp，以约 240 CSS px 宽显示；适合浅色背景。
- 社交头像优先 avatar/avatar-1024.png，已留圆形裁切边距。
- favicon 使用 icon/favicon.ico；Apple touch icon 可用 icon/icon-180.png。
- 社交封面使用完整画面等比适配，比例差异处添加米白留白，避免截断中文；YouTube 版将完整封面放在中央 1546 × 422 区域。
- 平台可能根据设备裁切或叠加头像，上传时在平台预览中检查位置。这些是提供的导出规格，不代表实时查询的官方要求。
- Logo 和图标为既有栅格母图，头像和封面为 AI 生成栅格图，不是矢量源文件。适合数字媒体；印刷放大需另做矢量定稿。

站内访问前缀：/brand/guanmutang/。