W
Wesley Tam@wesleytam · 2m
RSI Slope 已開始衰變，短線需要留意市場結構的變化。
♡ 23 💬 12 ↻ 4
1. Color Scheme
主色用紫藍代表 AI / 科技，輔色用粉紅代表人性與社交能量。
Primary / Pulse
#6366F1
Secondary / AI
#3B82F6
Accent / Social
#EC4899
Success
#10B981
Warning
#F59E0B
Error
#EF4444
2. Neutral Colors
背景要乾淨，卡片邊界要輕，不要太重 crypto / exchange 感。
Text Primary
#111827Text Secondary
#6B7280Text Tertiary
#9CA3AFBorder / Line
#E5E7EBBackground
#F8FAFCSurface / Card
#FFFFFF3. Typography
建議用 Inter / SF Pro / Noto Sans TC。中文和英文都清楚。
| Style | Size | Line Height | Weight | Use Case |
|---|---|---|---|---|
| H1 | 28px | 36px | 700 | 頁面標題 |
| H2 | 22px | 30px | 700 | 區域標題 |
| H3 | 18px | 26px | 600 | 卡片標題 |
| Body Large | 16px | 26px | 400 | 主要內容 |
| Body | 14px | 22px | 400 | 一般文字 |
| Caption | 12px | 18px | 400 | 時間、輔助資訊 |
4. Text Color Guide
Primary Text
#111827標題、重要文字Secondary Text
#6B7280說明、帳號、時間Tertiary Text
#9CA3AF輔助資訊Link / Action
#6366F1連結、主要互動Disabled
#D1D5DB不可用狀態5. UI Components
Buttons
Post Card
AI Compatibility
82%
Good Match
INFJ × ENFP，適合深度交流與互相啟發。
Wallet Card
My Balance
12,450.25 PULSE
Pay Per View · Pay Per Ask
6. Spacing & Radius
4px細小間距
8px小間距
12px表單內距
16px卡片內距
24px區塊間距
18px主要卡片圓角
999px膠囊按鈕
7. Mobile Example
手機優先，Bottom Navigation，Post Card 保持乾淨。
Home
⚙
For youFollowing
W
Wesley Tam2m
Pulse AI 會用 MBTI、AI 分析與 Wallet 建立新的社交體驗。
♡ 23 💬 12 ↻ 4
HomeSearch+InboxProfile