繁體中文
繁體中文
Appearance
品牌資產
下載 WallaWhats 標誌的多種格式與尺寸，可用於文件、社群媒體及整合場景。
標誌
WallaWhats 標誌由綠色 WhatsApp 風格的對話框和框內白色提醒鈴鐺組成 —— 視覺上完美詮釋產品核心：透過 WhatsApp 送達的即時提醒。
完整標誌 —— 透明背景
可疊加於任何背景之上。
圖示
獨立圖示，用於應用程式圖示、favicon 及精簡型 UI 場景。
PNG 圖示尺寸
| 預覽 | 尺寸 | 用途 | 下載 |
|---|---|---|---|
 | 512 x 512 | 高解析、印刷 | ninja-icon-512.png |
 | 256 x 256 | 社群頭像、文件 | ninja-icon-256.png |
 | 180 x 180 | Apple touch icon | ninja-icon-180.png |
| 128 x 128 | 應用圖示、縮圖 | ninja-icon-128.png |
 | 64 x 64 | 分頁圖示、小型 UI | ninja-icon-64.png |
 | 32 x 32 | Favicon | ninja-icon-32.png |
社群與 Open Graph
1200 x 630 px —— 針對社群媒體連結預覽（Twitter Cards、Facebook、LinkedIn）進行優化。
品牌色彩
極簡的雙色品牌體系：綠色代表識別，炭黑代表行動。沒有輔助色 —— 讓色盤獨具辨識度，並避免視覺雜訊。
品牌色盤
| 顏色 | Hex | 用途 |
|---|---|---|
| 品牌綠 | #3C9C44 | 對話框、"Whats" 字樣、成功狀態、區塊強調 |
| WhatsApp 綠 | #25D366 | WhatsApp 圖示引用（僅用於主視覺流程） |
| 炭黑 | #2A2C31 | "Walla" 字樣、按鈕、CTA、焦點框、X 圖示背景 |
互動狀態
| 顏色 | Hex | 用途 |
|---|---|---|
| 炭黑 hover | #18191C | 按鈕懸停 |
| 炭黑按下 | #08090B | 按鈕啟用/按下 |
| 綠色 hover | #348B3B | 綠色表面懸停 |
中性色
| 顏色 | Hex | 用途 |
|---|---|---|
| 淺色表面 | #F7F7F8 | 頁面背景、微弱表面 |
| 邊框 | #D9DADF | 卡片邊框、分隔線 |
| 弱化文字 | #8C8F98 | 說明文字、輔助文字 |
使用規範
- 綠色是品牌的基石 —— 用於對話框、"Whats" 字樣與正向/成功狀態。
- 炭黑是主要行動色 —— 用於按鈕、CTA 與 "Walla" 字樣。
- 不使用藍色、紅色或其他強調色 —— 色盤刻意克制，讓注意力回歸內容，維持產品「綠與黑」的識別。
- 標誌周圍保留充分的留白：各邊至少為標誌高度的 1/4。