English
English
Appearance
Brand Assets
Download the WallaWhats logo in various formats and sizes for use in documentation, social media, and integrations.
Logo
The WallaWhats logo features a green WhatsApp-style speech bubble with a white alert bell inside — a visual summary of the product: instant alerts delivered through WhatsApp.
Full logo — transparent background
For compositing over any background.
Download logo-full-transparent.png
Icon
The standalone icon for app icons, favicons, and compact UI placements.
PNG Icon Sizes
| Preview | Size | Use case | Download |
|---|---|---|---|
 | 512 x 512 | High-res, print | ninja-icon-512.png |
 | 256 x 256 | Social avatar, docs | ninja-icon-256.png |
 | 180 x 180 | Apple touch icon | ninja-icon-180.png |
| 128 x 128 | App icon, thumbnails | ninja-icon-128.png |
 | 64 x 64 | Tab icons, small UI | ninja-icon-64.png |
 | 32 x 32 | Favicon | ninja-icon-32.png |
Social & Open Graph
1200 x 630 px — optimized for social media link previews (Twitter cards, Facebook, LinkedIn).
Brand Colors
A minimal two-color brand system: green for identity, charcoal for action. No supporting hues — this keeps the palette distinctive and avoids visual noise.
Brand palette
| Color | Hex | Usage |
|---|---|---|
| Brand Green | #3C9C44 | Speech bubble, "Whats" wordmark, success states, section accents |
| WhatsApp Green | #25D366 | WhatsApp icon references (hero workflow only) |
| Charcoal | #2A2C31 | "Walla" wordmark, buttons, CTAs, focus rings, X icon background |
Interaction states
| Color | Hex | Usage |
|---|---|---|
| Charcoal hover | #18191C | Button hover |
| Charcoal pressed | #08090B | Button active / pressed |
| Green hover | #348B3B | Green surface hover |
Neutrals
| Color | Hex | Usage |
|---|---|---|
| Light surface | #F7F7F8 | Page backgrounds, subtle surfaces |
| Border | #D9DADF | Card borders, dividers |
| Muted text | #8C8F98 | Captions, helper text |
Usage guidelines
- Green is the brand anchor — use it for the bubble, "Whats" wordmark, and positive/success states.
- Charcoal is the primary action color — use it for buttons, CTAs, and the "Walla" wordmark.
- No blue, red, or accent hues — the palette is deliberately restrained to keep attention on the content and the product's green-and-black identity.
- Keep generous whitespace around the logo: at least 1/4 of the logo's height on all sides.