Skip to content

品牌資產

下載 WallaWhats 標誌的多種格式與尺寸,可用於文件、社群媒體及整合場景。

標誌

WallaWhats 標誌由綠色 WhatsApp 風格的對話框和框內白色提醒鈴鐺組成 —— 視覺上完美詮釋產品核心:透過 WhatsApp 送達的即時提醒。

完整標誌 —— 透明背景

可疊加於任何背景之上。

完整標誌

下載 logo-full-transparent.png

圖示

獨立圖示,用於應用程式圖示、favicon 及精簡型 UI 場景。

圖示 128px

PNG 圖示尺寸

預覽尺寸用途下載
512512 x 512高解析、印刷ninja-icon-512.png
256256 x 256社群頭像、文件ninja-icon-256.png
180180 x 180Apple touch iconninja-icon-180.png
128128 x 128應用圖示、縮圖ninja-icon-128.png
6464 x 64分頁圖示、小型 UIninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

社群與 Open Graph

1200 x 630 px —— 針對社群媒體連結預覽(Twitter Cards、Facebook、LinkedIn)進行優化。

OG 卡片

下載 og-card.png

品牌色彩

極簡的雙色品牌體系:綠色代表識別,炭黑代表行動。沒有輔助色 —— 讓色盤獨具辨識度,並避免視覺雜訊。

品牌色盤

顏色Hex用途
品牌綠#3C9C44對話框、"Whats" 字樣、成功狀態、區塊強調
WhatsApp 綠#25D366WhatsApp 圖示引用(僅用於主視覺流程)
炭黑#2A2C31"Walla" 字樣、按鈕、CTA、焦點框、X 圖示背景

互動狀態

顏色Hex用途
炭黑 hover#18191C按鈕懸停
炭黑按下#08090B按鈕啟用/按下
綠色 hover#348B3B綠色表面懸停

中性色

顏色Hex用途
淺色表面#F7F7F8頁面背景、微弱表面
邊框#D9DADF卡片邊框、分隔線
弱化文字#8C8F98說明文字、輔助文字

使用規範

  • 綠色是品牌的基石 —— 用於對話框、"Whats" 字樣與正向/成功狀態。
  • 炭黑是主要行動色 —— 用於按鈕、CTA 與 "Walla" 字樣。
  • 不使用藍色、紅色或其他強調色 —— 色盤刻意克制,讓注意力回歸內容,維持產品「綠與黑」的識別。
  • 標誌周圍保留充分的留白:各邊至少為標誌高度的 1/4。

WallaWhats Documentation