ブランドアセット

WallaWhats のロゴを、ドキュメント、ソーシャルメディア、連携などで使えるさまざまな形式とサイズでダウンロードできます。

ロゴ

WallaWhats のロゴは、緑色の WhatsApp 風の吹き出しの中に白いアラートベルを配したデザインで — WhatsApp 経由で届く即時アラートという製品そのものを視覚的に表現しています。

フルロゴ — 透明背景

どんな背景にも重ねて使えます。

logo-full-transparent.png をダウンロード

アイコン

アプリアイコン、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 カード、Facebook、LinkedIn）向けに最適化されています。

og-card.png をダウンロード

ブランドカラー

最小限の 2 色ブランドシステム: 緑はアイデンティティ、チャコールはアクションを表します。補助色は設けず — パレットを独自性の高いものに保ち、視覚的なノイズを避けています。

ブランドパレット

色	Hex	用途
ブランドグリーン	#3C9C44	吹き出し、"Whats" ワードマーク、成功状態、セクションアクセント
WhatsApp グリーン	#25D366	WhatsApp アイコン参照（ヒーローワークフローのみ）
チャコール	#2A2C31	"Walla" ワードマーク、ボタン、CTA、フォーカスリング、X アイコンの背景

インタラクション状態

色	Hex	用途
チャコール hover	#18191C	ボタン hover
チャコール押下	#08090B	ボタン active / 押下
グリーン hover	#348B3B	グリーンサーフェスの hover

ニュートラル

色	Hex	用途
ライトサーフェス	#F7F7F8	ページ背景、控えめなサーフェス
ボーダー	#D9DADF	カードボーダー、区切り線
ミュートテキスト	#8C8F98	キャプション、補助テキスト

使用ガイドライン

• 緑はブランドのアンカーです — 吹き出し、"Whats" ワードマーク、ポジティブ/成功の状態に使用します。
• チャコールはプライマリのアクションカラーです — ボタン、CTA、"Walla" ワードマークに使用します。
• 青、赤、アクセントカラーは使いません — 意図的にパレットを抑えることでコンテンツに集中させ、製品の「緑と黒」のアイデンティティを保ちます。
• ロゴの周囲には十分な余白を確保してください: 各辺ともロゴの高さの 1/4 以上です。