Files
OCR/openspec/changes/archive/2025-12-12-refactor-frontend-ux-i18n/proposal.md
egg d5bc311757 feat: simplify login page UX and add i18n English support
- Redesign LoginPage with minimal professional style
  - Remove animated gradient backgrounds and floating orbs
  - Remove marketing claims (99% accuracy, enterprise-grade)
  - Center login form with clean card design
- Add multi-language support (zh-TW, en-US)
  - Create LanguageSwitcher component in sidebar
  - Add en-US.json translation file
  - Persist language preference in localStorage
- Remove unused top header bar with search
- Move language switcher to sidebar user section

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-12 12:49:48 +08:00

1.5 KiB
Raw Blame History

Change: 前端 UX 簡化與 i18n 英文支援

Why

目前登入頁面設計過於花俏漸層動畫、浮動光球、脈衝效果與內部頁面的專業簡約風格不一致。此外頁面包含不實宣傳文案如「99% 準確率」、「企業級加密」等未經證實的聲明)。系統目前僅支援繁體中文,缺乏多語言支援。

What Changes

1. LoginPage 簡化

  • 移除花俏動畫效果(浮動光球、網格圖案、脈衝動畫)
  • 移除漸層背景,改用簡潔單色背景
  • 移除不實宣傳區塊(「為什麼選擇我們」、統計數據卡片)
  • 統一登入頁與內部頁面視覺風格

2. 文案修正

  • 移除誇大宣稱「99% 準確率」、「閃電般快速」、「企業級加密」)
  • 改用務實功能描述

3. i18n 擴充

  • 新增英文 (en-US) 翻譯檔案
  • 新增語言切換功能元件
  • 儲存使用者語言偏好至 localStorage
  • 將語言切換器整合至 Layout 頂部欄

4. 整體風格統一

  • 確保所有頁面使用一致的設計語言
  • 遵循專業簡約風格準則

Impact

  • Affected specs: frontend-ui (新增)
  • Affected code:
    • frontend/src/pages/LoginPage.tsx - 重新設計
    • frontend/src/components/Layout.tsx - 新增語言切換器
    • frontend/src/i18n/index.ts - 擴充多語言設定
    • frontend/src/i18n/locales/en-US.json - 新增英文翻譯
    • frontend/src/i18n/locales/zh-TW.json - 補充缺少的翻譯鍵
    • frontend/src/components/LanguageSwitcher.tsx - 新增元件