1b4f3a7bbe
Some checks failed
CD Pipeline / deploy (push) Failing after 59s
- 建立 Gitea Actions CD pipeline (.gitea/workflows/cd.yaml) - 部署模式: rsync Python 檔案至 188 → docker restart (volume mount) - Dockerfile/requirements 變動時自動重建 Docker image - 部署通知: Telegram (開始/成功/失敗) - 健康檢查: https://mo.wooo.work/health (最多 5 次重試) - 同步最新 CLAUDE.md / ADR-008 / memory (2026-04-19) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
49 lines
2.6 KiB
Markdown
49 lines
2.6 KiB
Markdown
# 網站品牌資產建議與設計 (WOOO TECH 改版)
|
||
|
||
根據您的新需求，我們將品牌重塑為 **「WOOO TECH」**。設計核心融合了 **科技 (Tech)、家庭 (Family)、AI (Artificial Intelligence)** 的理念，並保持與現有網站風格的協調性。
|
||
|
||
## 1. Logo 重新設計 (雲端 & AI 核心)
|
||
根據您的反饋，我們將調整 Logo 的設計方向：
|
||
* **核心元素**: 強化 **「雲端 (Cloud)」** 與 **「AI 智慧」** 的視覺連結。
|
||
* **設計哲學**:
|
||
* **雲端**: 使用輕盈、圓潤的流動線條或雲朵意象與 "WOOO" 字樣結合。
|
||
* **AI**: 保留節點或光連結效果。
|
||
* **字標**: 不再強調 "TECH"，主打 **"WOOO"** 的品牌符號感。
|
||
- [ ] 重新生成主 Logo (Focus on Cloud & AI)
|
||
- [ ] 重新生成 Favicon
|
||
|
||
|
||
## 2. 版權宣告 (Copyright)
|
||
更新後的頁尾版權文字：
|
||
|
||
**中文版：**
|
||
```text
|
||
© 2026 WOOO TECH. 版權所有。
|
||
以 AI 科技守護家庭與事業，提供最精準的決策支持。
|
||
```
|
||
|
||
**英文版：**
|
||
```text
|
||
© 2026 WOOO TECH. All Rights Reserved.
|
||
Empowering Families & Business with AI-Driven Technology.
|
||
```
|
||
|
||
## 3. 建議網站必備圖片清單
|
||
除了 Logo，一個完整的專業系統通常需要以下圖片資產來提升用戶體驗：
|
||
|
||
| 圖片類型 | 用途與建議風格 | 檔案名稱建議 |
|
||
| :--- | :--- | :--- |
|
||
| **登入頁背景圖** | 用於登入頁面背景。建議使用科技感、數據流動或簡約的抽象幾何圖形，不僅美觀也能強調系統屬性。 | `login_bg.jpg` |
|
||
| **Open Graph (OG) 圖片** | 當連結分享到 Line, FB, Telegram 時顯示的預覽圖。應包含 Logo 與系統標語，提升分享時的專業感。 | `og_preview.jpg` |
|
||
| **無數據插圖 (Empty State)** | 當報表或搜尋無結果時顯示。比起純文字，一張可愛或簡約的插圖 (如空箱子、放大鏡) 能降低用戶的挫折感。 | `no_data.svg` / `.png` |
|
||
| **404 找不到頁面插圖** | 當用戶迷路時顯示。可以使用帶有幽默感的插圖 (如迷路的機器人)，引導用戶回首頁。 | `404_error.svg` / `.png` |
|
||
| **500 系統錯誤插圖** | 當系統發生內部錯誤時顯示。安撫用戶情緒，並提供回報管道。 | `500_error.svg` / `.png` |
|
||
| **Loading 讀取動畫** | 數據加載時顯示。建議使用品牌色 (#4F46E5) 的動態圖示，避免用戶以為當機。 | `loading_spinner.svg` |
|
||
|
||
---
|
||
|
||
### 下一步建議
|
||
如果您滿意以上的 Logo 設計，我可以協助：
|
||
1. 將生成的 Logo 實際應用到網站的 `sales_analysis.html` 與其他頁面。
|
||
2. 為您生成上述建議清單中的其他圖片 (如登入背景或無數據插圖)。
|