mon/mon1 Readyrestart_worker (91%)restart: api (12s)diff --git a/.agents/skills/01-awoooi-frontend-aesthetics.md b/.agents/skills/01-awoooi-frontend-aesthetics.md index 0c92c764..2df840b3 100644 --- a/.agents/skills/01-awoooi-frontend-aesthetics.md +++ b/.agents/skills/01-awoooi-frontend-aesthetics.md @@ -27,6 +27,7 @@ | v1.4 | 2026-03-28 | Claude Code | ✅ Phase 19 Wave 0-5 完成 (~95% + Telemetry 整合) | | v1.5 | 2026-03-30 | Claude Code | 🔴🔴🔴 前端建置禁止內網 IP (瀏覽器權限事故) | | v1.6 | 2026-03-31 | Claude Code | 🚀 ADR-042 效能優化模式 (DOM Bypass + Optimistic Updates) | +| v1.7 | 2026-04-09 | Claude Opus 4.6 | 🔴 Sprint 5R 前端重構 — 品牌一致性鐵律 + 設計稿對齊規範 | --- @@ -55,6 +56,31 @@ grep "NEXT_PUBLIC" .gitea/workflows/cd.yaml | grep -v "192.168" --- +## 🔴🔴 品牌 Logo 與文字一致性 (2026-04-09) + +> **統帥多次糾正**: 所有設計稿和頁面中的 Logo SVG 和 AwoooI 文字必須與正式環境完全一致 + +### Logo SVG(螺旋眼睛) +- 來源:`header.tsx` L82-111,viewBox `0 0 140 140` +- 漸層:陶瓷白 + 藍色 LED + 觸鬚 + 旋轉虛線圓 +- 禁止簡化、禁止替代、禁止自創 + +### AwoooI 品牌文字 +- `A`:DM Mono 20px fw-700 #141413 margin-right:-4px +- `wooo`:VT323 26px #d97757 letterSpacing:0 margin:0 -2px +- `I`:DM Mono 20px fw-700 #141413 margin-left:-3px +- 字母間必須緊湊,整體像一個字 + +### 設計稿 HTML Mockup +- 直接從 header.tsx 複製 SVG 和文字結構 +- OpenClaw 面板也用同款螺旋眼睛 SVG + +### 流程圖 icon +- 使用 dashboardicons.com OpenClaw PNG(取代圓圈,不是浮動) +- URL: `https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/openclaw.png` + +--- + ## 核心約束 (Iron Laws) ### 1. Nothing.tech 純白工業風 (絕對標準) diff --git a/.playwright-mcp/sprint5r-approved-design.html b/.playwright-mcp/sprint5r-approved-design.html new file mode 100644 index 00000000..597794fb --- /dev/null +++ b/.playwright-mcp/sprint5r-approved-design.html @@ -0,0 +1,783 @@ + + +
+ + +mon/mon1 Readyrestart_worker (91%)restart: api (12s)