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用途
炭黑悬停#18191C按钮悬停
炭黑按下#08090B按钮激活/按下
绿色悬停#348B3B绿色表面悬停

中性色

颜色Hex用途
浅色表面#F7F7F8页面背景、轻微表面
边框#D9DADF卡片边框、分割线
弱化文本#8C8F98说明文字、辅助文本

使用规范

  • 绿色是品牌的根基 —— 用于对话气泡、"Whats" 字标以及正向/成功状态。
  • 炭黑是主要的动作色 —— 用于按钮、CTA 以及 "Walla" 字标。
  • 不使用蓝色、红色或其他强调色 —— 色板刻意保持克制,让注意力回归内容,并保持产品"绿与黑"的身份识别。
  • 徽标周围需保留充足留白:各边至少为徽标高度的 1/4。

WallaWhats Documentation