feat(ui): V21 design system overhaul #9

Merged
xiaoxia merged 1 commits from feature/v21-design-system into main 2026-06-26 18:09:37 +08:00
Owner

V21 设计系统全面改版

Phase A: 全局设计令牌

  • global.css - V21 设计变量和按钮样式
  • main.tsx - Ant Design ConfigProvider 使用 Indigo 主色
  • index.css - 全局基础样式

Phase B: 布局与导航

  • MainLayout.css - V21 布局样式

Phase C: 核心页面

  • WorkspaceList - 新增 Hero 区域和功能卡片
  • Plans - 四级定价卡片设计
  • ProjectAssets - 9:16 竖屏素材卡片
  • ProjectVoices - 配音库波形图卡片
  • ProjectGeneration - 模板选择和计划预览
  • ProjectResults - 竖屏成片卡片
  • ProjectTitles - 标题库列表

设计亮点

  • Indigo 主色 (#4f46e5)
  • 大圆角 (14-28px)
  • 柔和大阴影
  • 渐变背景 + 点阵装饰
  • 按钮 hover 动效
## V21 设计系统全面改版 ### Phase A: 全局设计令牌 - global.css - V21 设计变量和按钮样式 - main.tsx - Ant Design ConfigProvider 使用 Indigo 主色 - index.css - 全局基础样式 ### Phase B: 布局与导航 - MainLayout.css - V21 布局样式 ### Phase C: 核心页面 - WorkspaceList - 新增 Hero 区域和功能卡片 - Plans - 四级定价卡片设计 - ProjectAssets - 9:16 竖屏素材卡片 - ProjectVoices - 配音库波形图卡片 - ProjectGeneration - 模板选择和计划预览 - ProjectResults - 竖屏成片卡片 - ProjectTitles - 标题库列表 ### 设计亮点 - Indigo 主色 (#4f46e5) - 大圆角 (14-28px) - 柔和大阴影 - 渐变背景 + 点阵装饰 - 按钮 hover 动效
xiaoxia added 1 commit 2026-06-26 17:48:40 +08:00
feat(ui): V21 design system overhaul
CI/CD Pipeline / Validate Code Quality And Tests (push) Failing after 1m0s
CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Failing after 1m0s
Tests / test (pull_request) Failing after 1m0s
Tests / lint (pull_request) Failing after 1m0s
cae16d547e
xiaoxia merged commit 53055afa43 into main 2026-06-26 18:09:37 +08:00
Sign in to join this conversation.