# 設計風格參考指南

## 常用色彩方案

### 現代科技風
- 主色：#667eea → #764ba2（紫色漸層）
- 背景：#f8f9fa（淺灰）
- 文字：#1a1a2e（深色）
- 強調：#00d2ff（亮藍）

### 企業專業風
- 主色：#1e3c72 → #2a5298（深藍漸層）
- 背景：#ffffff（白色）
- 文字：#333333（深灰）
- 強調：#28a745（綠色）

### 活潑創意風
- 主色：#f093fb → #f5576c（粉紫漸層）
- 背景：#fafafa（極淺灰）
- 文字：#2d3436（炭黑）
- 強調：#fdcb6e（暖黃）

## 字型建議
| 用途 | 中文字型 | 英文字型 | 大小 |
|------|---------|---------|------|
| 大標題 | Microsoft JhengHei | Poppins | 48-64px |
| 副標題 | Microsoft JhengHei | Inter | 24-32px |
| 內文 | Microsoft JhengHei | Inter | 16-18px |
| 按鈕 | Microsoft JhengHei | Inter | 16-20px |

## 間距系統（8px 基數）
- xs: 4px
- sm: 8px
- md: 16px
- lg: 24px
- xl: 32px
- 2xl: 48px
- 3xl: 64px

## 圓角建議
- 按鈕：8px ~ 50px（膠囊按鈕）
- 卡片：12px ~ 24px
- 輸入框：8px ~ 12px
- 頭像：50%（圓形）