简体中文
简体中文
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 | 用途 |
|---|---|---|
| 炭黑悬停 | #18191C | 按钮悬停 |
| 炭黑按下 | #08090B | 按钮激活/按下 |
| 绿色悬停 | #348B3B | 绿色表面悬停 |
中性色
| 颜色 | Hex | 用途 |
|---|---|---|
| 浅色表面 | #F7F7F8 | 页面背景、轻微表面 |
| 边框 | #D9DADF | 卡片边框、分割线 |
| 弱化文本 | #8C8F98 | 说明文字、辅助文本 |
使用规范
- 绿色是品牌的根基 —— 用于对话气泡、"Whats" 字标以及正向/成功状态。
- 炭黑是主要的动作色 —— 用于按钮、CTA 以及 "Walla" 字标。
- 不使用蓝色、红色或其他强调色 —— 色板刻意保持克制，让注意力回归内容，并保持产品"绿与黑"的身份识别。
- 徽标周围需保留充足留白：各边至少为徽标高度的 1/4。