Skip to content

Zasoby marki

Pobierz logo WallaWhats w różnych formatach i rozmiarach do wykorzystania w dokumentacji, mediach społecznościowych i integracjach.

Logo WallaWhats przedstawia zielony dymek w stylu WhatsApp z białym dzwonkiem alertu w środku — wizualne podsumowanie produktu: natychmiastowe alerty dostarczane przez WhatsApp.

Pełne logo — przezroczyste tło

Do komponowania na dowolnym tle.

Pełne logo

Pobierz logo-full-transparent.png

Ikona

Samodzielna ikona do ikon aplikacji, favikonów i kompaktowych miejsc w interfejsie.

Ikona 128px

Rozmiary ikon PNG

PodglądRozmiarZastosowaniePobierz
512512 x 512Wysoka rozdzielczość, drukninja-icon-512.png
256256 x 256Awatar w social mediach, dokumentacjaninja-icon-256.png
180180 x 180Ikona Apple touchninja-icon-180.png
128128 x 128Ikona aplikacji, miniaturyninja-icon-128.png
6464 x 64Ikony zakładek, mały UIninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Social media i Open Graph

1200 x 630 px — zoptymalizowane pod podglądy linków w social mediach (karty Twittera, Facebook, LinkedIn).

Karta OG

Pobierz og-card.png

Kolory marki

Minimalistyczny, dwukolorowy system marki: zieleń dla tożsamości, antracyt dla akcji. Bez kolorów uzupełniających — dzięki temu paleta jest wyrazista i pozbawiona szumu wizualnego.

Paleta marki

KolorHexZastosowanie
Zieleń marki#3C9C44Dymek, napis "Whats", stany sukcesu, akcenty sekcji
Zieleń WhatsApp#25D366Odniesienia do ikony WhatsApp (tylko główny workflow)
Antracyt#2A2C31Napis "Walla", przyciski, CTA, pierścienie focus, tło ikony X

Stany interakcji

KolorHexZastosowanie
Antracyt hover#18191CHover przycisku
Antracyt pressed#08090BPrzycisk aktywny / wciśnięty
Zieleń hover#348B3BHover zielonej powierzchni

Neutralne

KolorHexZastosowanie
Jasna powierzchnia#F7F7F8Tło stron, subtelne powierzchnie
Obramowanie#D9DADFObramowania kart, separatory
Wyciszony tekst#8C8F98Podpisy, tekst pomocniczy

Wskazówki użycia

  • Zieleń to kotwica marki — używaj jej dla dymka, napisu "Whats" oraz stanów pozytywnych/sukcesu.
  • Antracyt to podstawowy kolor akcji — używaj go dla przycisków, CTA i napisu "Walla".
  • Bez niebieskiego, czerwonego ani kolorów akcentujących — paleta jest celowo ograniczona, aby utrzymać uwagę na treści i zielono-czarnej tożsamości produktu.
  • Zachowaj szczodry margines wokół logo: minimum 1/4 wysokości logo z każdej strony.

WallaWhats Documentation