58 lines
4.6 KiB
Markdown
58 lines
4.6 KiB
Markdown
|
# 品牌素材与设计参考
|
|||
|
|
|
|||
|
|
## 正式 Logo 原档（优先来源）
|
|||
|
|
|
|||
|
|
用户指定来源：E:\NextCloud\kaotings\公司Logo\export。已将该目录的 6 个文件原样复制至 assets/brand/source/，并逐个校验 SHA-256 一致。
|
|||
|
|
|
|||
|
|
- logo_b.ai、logo_w.ai、logo.ai：Illustrator 原档。
|
|||
|
|
- logo_b.pdf、logo_w.pdf：PDF 导出版本。
|
|||
|
|
- logo.png：来源目录附带的 PNG，与此前对话附件同名文件分目录保留。
|
|||
|
|
|
|||
|
|
正式品牌以本目录原档为准；此前对话 PNG 保留作为可用预览。尚未检查 AI/PDF 的画板、字体和深浅底版本，不仅凭 b/w 文件名推断用途。实施时先查看原档或 PDF，按需导出网页 SVG/PNG，并验证字体、透明背景与比例。原档不放入公开静态资源目录，也不直接作为网页图片使用。
|
|||
|
|
|
|||
|
|
## 对话附件归档
|
|||
|
|
|
|||
|
|
来源：ChatGPT 对话《技术选型建议》（6a9eda08-7b70-83e8-9a01-d662d5e4b34d）中可读取的附件。原始 PNG 逐字节复制，没有重新生成、改色、压缩或裁剪。
|
|||
|
|
|
|||
|
|
| 文件 | 尺寸 | 模式 | 透明度 |
|
|||
|
|
| --- | --- | --- | --- |
|
|||
|
|
| `assets/brand/logo_bt.png` | 2811 × 1009 | RGBA | 有透明像素 |
|
|||
|
|
| `assets/brand/logo_wt.png` | 2811 × 1009 | RGBA | 有透明像素 |
|
|||
|
|
| `assets/brand/logo.png` | 946 × 946 | RGBA | 有透明像素 |
|
|||
|
|
| `docs/design/references/homepage-historical-nexora-purple.png` | 1024 × 1536 | RGB | 无透明像素 |
|
|||
|
|
|
|||
|
|
## Logo 用法
|
|||
|
|
|
|||
|
|
- `assets/brand/logo_bt.png`：浅色 KAOTINGS 英文组合标识，适合深色背景；包含公司中英文全称。
|
|||
|
|
- `assets/brand/logo_wt.png`：深色 KAOTINGS 英文组合标识，适合浅色背景；包含公司中英文全称。
|
|||
|
|
- `assets/brand/logo.png`：橙色独立图形标识，可作为紧凑位置的素材来源。
|
|||
|
|
|
|||
|
|
按原始宽高比显示，不拉伸，不重新绘制替代正式 Logo。导航、小尺寸图标等需要另行检查实际辨识度；图标衍生文件应保留原件。实现时将需要公开访问的文件复制到选定前端的 public/brand 等目录，不将全部设计参考打包进网站。
|
|||
|
|
|
|||
|
|
## 历史效果图的适用范围
|
|||
|
|
|
|||
|
|
`docs/design/references/homepage-historical-nexora-purple.png` 已人工查看：为深色耳机主题首页，使用 Nexora 名称及紫色按钮。它可作为早期版式讨论参考，但不是最终 KAOTINGS 改色稿。
|
|||
|
|
|
|||
|
|
实现遵循 V1_PLAN.md：考町科技 / KAOTINGS 正式品牌、橙蓝青配色、更加克制的留白与产品层级、首页轻量 AI Lab 入口。不要复制历史图中的 Nexora 文案、紫色主视觉或将示意耳机认定为公司真实产品。
|
|||
|
|
|
|||
|
|
## 本次补齐的品牌与首页视觉基准
|
|||
|
|
|
|||
|
|
用户在本任务中提供两张图片，原样保存在 docs/design/references/：
|
|||
|
|
|
|||
|
|
- `kaotings-brand-guidelines.png`：图 1，品牌色、灰阶、语义色、字体与 UI 示例。
|
|||
|
|
- `kaotings-homepage-approved-reference.png`：图 2，当前首页视觉基准；深色布局、橙色主要按钮、蓝青辅助强调，产品为主体，AI Lab 为轻量入口。
|
|||
|
|
|
|||
|
|
此前“最终改色稿未取得”的缺口已解除。历史 Nexora 紫色效果图继续保留作过程归档，实施优先参考本次两张图及 V1_PLAN.md。
|
|||
|
|
|
|||
|
|
图 1 标注色值：品牌橙 #FF6A00、科技蓝 #1677FF、亮青 #00D1E6、中性白 #F5F7FA、深灰 #1A1D21、极暗 #0D0F12。灰阶补充 #2A2F36、#4B5563、#9CA3AF、#D1D5DB；语义色为成功 #22C55E、错误/警告红 #EF4444、提醒 #F59E0B、信息 #3B82F6。这些是参考图中的设计标注，未经声明为 AI 原档的精确填色值。
|
|||
|
|
|
|||
|
|
英文参考字体为 Inter，中文应配置合适的中文无衬线字体回退。实际按钮、文字与背景对比度仍需验证，不因参考图存在就跳过可访问性检查。
|
|||
|
|
|
|||
|
|
图片中的 Logo 应使用 assets/brand/source 下的正式原档导出；不可把渲染图上的 Logo 裁切为正式素材。耳机、适配器及图中文字属于效果示意，真实产品型号、图片、参数和公司内容仍需确认。图片中的搜索、轮播、隐私/条款入口不自动增加 V1 功能范围：按规划实现，未实现的控件不显示假交互；必要的用户告知文案单独落实。
|
|||
|
|
|
|||
|
|
网页应通过真实组件、文本和布局实现，不能将整张首页截图直接作为网页。遵循参考图的品牌和层级，并保留规划规定的响应式、登录账户入口和克制留白。
|
|||
|
|
|
|||
|
|
## Luna 开始设计前
|
|||
|
|
|
|||
|
|
先读取本清单，查看正式 Logo、kaotings-brand-guidelines.png 和 kaotings-homepage-approved-reference.png，结合 V1_PLAN.md 第 4 章建立设计变量与页面。品牌原档与视觉参考已归档；真实产品资料仍需核实。
|