Filipino
Filipino
Appearance
Brand Assets
I-download ang WallaWhats logo sa iba't ibang format at sukat para sa paggamit sa dokumentasyon, social media, at integrations.
Logo
Ang WallaWhats logo ay may berdeng speech bubble na WhatsApp-style na may puting alert bell sa loob — isang visual summary ng produkto: instant alerts na inihahatid sa pamamagitan ng WhatsApp.
Buong logo — transparent na background
Para sa compositing sa anumang background.
I-download ang logo-full-transparent.png
Icon
Ang standalone icon para sa app icons, favicons, at compact UI placements.
Mga Sukat ng PNG Icon
| Preview | Sukat | 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, maliit na UI | ninja-icon-64.png |
 | 32 x 32 | Favicon | ninja-icon-32.png |
Social & Open Graph
1200 x 630 px — na-optimize para sa mga social media link preview (Twitter cards, Facebook, LinkedIn).
Mga Kulay ng Brand
Isang minimal na two-color brand system: berde para sa identity, charcoal para sa action. Walang mga supporting hues — pinananatili nito ang palette na kakaiba at umiiwas sa visual noise.
Brand palette
| Kulay | Hex | Gamit |
|---|---|---|
| Brand Green | #3C9C44 | Speech bubble, "Whats" wordmark, success states, section accents |
| WhatsApp Green | #25D366 | Mga reference sa WhatsApp icon (hero workflow lang) |
| Charcoal | #2A2C31 | "Walla" wordmark, buttons, CTAs, focus rings, X icon background |
Interaction states
| Kulay | Hex | Gamit |
|---|---|---|
| Charcoal hover | #18191C | Button hover |
| Charcoal pressed | #08090B | Button active / pressed |
| Green hover | #348B3B | Green surface hover |
Neutrals
| Kulay | Hex | Gamit |
|---|---|---|
| Light surface | #F7F7F8 | Page backgrounds, subtle surfaces |
| Border | #D9DADF | Card borders, dividers |
| Muted text | #8C8F98 | Captions, helper text |
Usage guidelines
- Berde ang brand anchor — gamitin ito para sa bubble, "Whats" wordmark, at positive/success states.
- Charcoal ang pangunahing action color — gamitin ito para sa buttons, CTAs, at "Walla" wordmark.
- Walang asul, pula, o accent hues — sinasadyang restrained ang palette para panatilihing nakatuon ang atensyon sa nilalaman at sa green-and-black identity ng produkto.
- Panatilihin ang maraming whitespace sa paligid ng logo: kahit 1/4 ng taas ng logo sa lahat ng panig.