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. Tip Coin Variants
OnAir 直播 → Tip 彩蛋的金幣顏色備選。挑一個告訴我就套上去。
金色 (current)
#F59E0B
#B45309
#7C2D12
亮金
#FBBF24
#D97706
#78350F
古典銀
#E5E7EB
#9CA3AF
#374151
玫瑰金
#F472B6
#BE185D
#831843
Pulse 靛紫
#A5B4FC
#4F46E5
#312E81
翠綠
#34D399
#059669
#064E3B
藍寶石
#60A5FA
#1D4ED8
#1E3A8A
黑曜石
#1F2937
#6B7280
#F3F4F6
8. Mobile Example
手機優先，Bottom Navigation，Post Card 保持乾淨。
Home
⚙
For youFollowing
W
Wesley Tam2m
Pulse AI 會用 MBTI、AI 分析與 Wallet 建立新的社交體驗。
♡ 23 💬 12 ↻ 4
HomeSearch+InboxProfile