# visionA Local — Branding Assets

此目錄存放 visionA Local 的品牌視覺資產。

## 檔案

| 檔案 | 用途 |
|------|------|
| `logo.svg` | 向量原始設計稿（1024×1024） |
| `icon-1024.png` | Wails build 的 appicon（會被 Wails 複製到 `visiona-local/build/appicon.png`） |
| `icon-512.png` / `icon-256.png` / `icon-128.png` | 各尺寸 PNG 備用 |
| `icon.ico` | Windows 多解析度 ICO（16/24/32/48/64/96/128/256，PNG-in-ICO 格式） |
| `icon.icns` | macOS .app bundle icon |

## 如何更新 logo

1. 改 `logo.svg` 或改 `gen_icon.go` 的繪圖函數
2. 跑 `go run gen_icon.go <output-dir>` 產出各尺寸 PNG
3. 跑 `go run gen_ico.go icon.ico <png-dir> 16,24,32,48,64,96,128,256` 產 Windows ICO
4. macOS icns 用 `iconutil`：
   ```bash
   mkdir icon.iconset
   cp icon-16.png icon.iconset/icon_16x16.png
   cp icon-32.png icon.iconset/icon_16x16@2x.png
   cp icon-32.png icon.iconset/icon_32x32.png
   cp icon-64.png icon.iconset/icon_32x32@2x.png
   cp icon-128.png icon.iconset/icon_128x128.png
   cp icon-256.png icon.iconset/icon_128x128@2x.png
   cp icon-256.png icon.iconset/icon_256x256.png
   cp icon-512.png icon.iconset/icon_256x256@2x.png
   cp icon-512.png icon.iconset/icon_512x512.png
   cp icon-1024.png icon.iconset/icon_512x512@2x.png
   iconutil -c icns icon.iconset -o icon.icns
   ```
5. 部署：
   - `cp icon-1024.png ../visiona-local/build/appicon.png` — Wails build
   - `cp icon-256.png ../visiona-local/frontend/icon.png` — splash page
   - `cp icon.ico ../frontend/src/app/favicon.ico` — Next.js favicon
   - `cp icon-256.png ../frontend/src/app/icon.png` — Next.js App Router icon
6. 重 build：`make clean-all && make exe`（Windows）或 `make clean-all && make dmg`（macOS）

## 設計理念

- 圓角方形背景（符合現代 app icon 容器標準）
- 深藍漸層底（`#1A1F36` → `#0E1222`）傳達專業、科技感
- 雙層同心圓環 = 相機鏡頭 / 視覺感測器隱喻
- 中央「V」字形 = vision 首字母
- 三個 pixel 點 + 右上 active indicator = Edge AI / pixel-level 運算的視覺語彙
- 主色 `#4F7EFF`（電子藍）搭配 `#6EF3C5`（mint）點綴，避免純藍的冰冷

## 色票

| 用途 | HEX |
|------|-----|
| 主色 | `#4F7EFF` |
| 主色亮色 | `#6EA8FF` |
| 點綴 | `#6EF3C5` |
| 深色背景頂 | `#1A1F36` |
| 深色背景底 | `#0E1222` |
| 警示 | `#FF6B6B` |
| 中性灰 | `#8890B0` |