ブランドガイドラインsnappy

毎日のパートナー。

第 01

名前

Snappy の意味

やあ、スナッピー(きびきび)だよ。ほぼそれが全部。

Snappy は速くて、簡単で、ちょっと楽しい - 起きたその瞬間にシェアされる、そんな一瞬。それが製品のすべて:見知らぬ人向けに投稿を作り込むのではなく、本当に大切な人に、まさにその瞬間、そのままのものを送る。

もともとみんなそう言っている

「Make it snappy.(さっさとやって。)」「Send me a quick snap of it.(ぱっと写真送って。)」この言葉は日常の英語でもともと、速くて、無理がなくて、ちょっと茶目っ気があるという意味を持つ - Snappy はその感覚に居場所を与えているだけ。

Snappy の居場所

マーケティングサイトは madebysnappy.com、アプリ本体は app.madebysnappy.com。ブランドに関する質問はこちらへlegal@madebysnappy.com.

第 02

ブランドストーリー

演じるための新しい舞台は作らなかった。

Snappy は、大切な人とのつながりを保つ - ハイライトだけじゃなく、毎日。

ほとんどのソーシャルアプリは、いつの間にか舞台になってしまった:フォロワー数、エンゲージメントのグラフ、見知らぬ人があなたの生活をスクロールしていく。本当に大切なもの - ひどい自撮り、深夜2時のふとした思考、 その人たち がそこにいたからこそ意味を持つ瞬間 - は観客を必要としない。必要なのは、あなたの人たち:本当に見てほしいと思う、特定の閉じた友人の輪だけ。

ポジショニングステートメント

Snappy は、大切な人のそばにい続けるための毎日のパートナー - みんなのために演じるのではなく、あなたの人たちと瞬間を分かち合う。

大切にしている3つのこと

  • みんなのものじゃなく、あなたのもの。 自分で選んだ、閉じた人たちの輪。演じるための観客ではない。
  • 速いけど、急いでいるわけじゃない。 価値があるのは、それに労力がかからなかったこと - それ自体が速く起きたことではない。
  • 温かいけど、演出じゃない。 友達にメッセージを送るような感覚であるべきで、見知らぬ人に投稿するような感覚では決してない。
第 03

個性

ふるまい方、話し方、見た目

どうふるまい、どう話し、どう見えても、同じ友達。

アーキタイプ: 頼れる友達 - 温かくて少し茶目っ気があり、決して大勢の前で演じない。

遊び心がある
真面目
温かい
クール
にぎやか
静か
カジュアル
フォーマル
内輪ネタ
マスマーケット

Snappy は 遊び心があり、温かく、静かな自信に満ちている - 決して意地悪にならず、バズりを追い求めず、カジュアルを装う企業にもならない。それは言葉でも写真でも同じ:短く正直なコピー、演出のない実際の反応を自然光でとらえた写真。迷ったら:良い友達ならそうするだろうか?と自問する。無理をしないと成立しないなら、削る。

こうである / こうではない

Snappy はこうである

温かく、少し遊び心があり、静かな自信を持つ

ストレート - 言いたいことを少ない言葉で言う

自然光の中、反応の最中にとらえられた、演出のないもの

Snappy はこうではない

うるさく、無理をしていて、話題性を保つためだけにトレンドを追う

企業のカジュアルぶり - 無理やりのスラングは、普通の話し方より悪く響く

スタジオ照明・フィルター加工、あるいはストックフォトのような雰囲気

ボイス

  • 一人の人に語りかける。 「あなたの人たちが恋しがっている」と言う。「ユーザーはネットワークと再接続できます」とは決して言わない。
  • 名詞より動詞。 「シェアしよう」は「コンテンツを投稿する」より良い。システムが何をしたかではなく、何が起きたかを言う。
  • 小文字がデフォルトの書式 プロダクトUIやソーシャルでは小文字を基本とし、法務・安全・保護者向けの文言では文頭大文字(言語によって適用ルールは異なる)を使う。
  • 無理なスラングは使わない。 スラングは数週間で古くなるが、リズムは古くならない。
こうである

「送る」「保存する」「シェアする」 - 単純なことには単純な言葉を

短い - 2文になるなら、1文にまとめてみる

起きたことに正直、エラーも含めて

こうではない

「エンゲージ」「コンテンツ」「エクスペリエンス」 - 親しみを装った専門用語

「おっと」「ごめんね!」 - 言い訳めいた埋め合わせの言葉

明快さを犠牲にした可愛さ、特に安全に関する文言で

こう言わないこう言う
コンテンツスナップ / シェアしたもの
ユーザーあなた / あなたの人たち
エンゲージ / エンゲージメント返信する、リアクションする、ストリークを続ける
エラーが発生しました送信できませんでした
良い例 - プッシュ通知

maya があなたに何かをシェアしました

名前、動詞、以上。

悪い例

Maya からの新しい通知があります!

メールみたいに聞こえる。

良い例 - エラー

送信できませんでした。接続を確認して再試行をタップしてください - 保存済みです

何が起きたか、何をすべきか、もう何をしたか。

悪い例

おっと!何か問題が発生しました 😅

「おっと」は絶対に使わない。

第 04

タグライン

一行。それがタグライン。

「毎日のパートナー。」

メインのタグラインは、アプリ自体のメタデータにすでに使われているもの - 仕掛けを使わずに、Snappy が毎日何のためにあるのかを率直に伝える。

補助フレーズ

フレーズ使用場所
起きているうちにシェアしよう。App Store サブタイトル、オンボーディング
大切な人のために。ポジショニング / プレス
そばにいてもらおう。招待フロー、機能ローンチ
第 06

カラー

黒と白。パレットはそれだけ。

紙のような白の上に Ink、それだけ。 #000000 - Ink - はブランド唯一のアクセントカラー - 装飾ではなく、ロゴのように扱う。

Ink#000000唯一のアクセント:塗りつぶし、アクティブ状態、すべてのテキスト
Snow#FFFFFFベースの地色
Slate#6B6B6B補助テキスト:見出しラベル、キャプション
Fog#E5E5E5区切り線、無効状態

アクセシビリティの組み合わせ

組み合わせコントラスト判定
Snow の上の Ink テキスト21 : 1本文テキスト ✓
Snow の上の Slate テキスト5.7 : 1補助ラベル ✓
テキストとしての Fog1.6 : 1塗り・区切り線専用
第 07

タイポグラフィ

書体は1つだけ。例外なし。

自社ホスティング - このページは近似のシステムフォントではなく、実際の本番用書体で組まれている。

ディスプレイ & テキストInter

可変ウェイト 400-800。見出し、ワードマーク、UI と本文すべて。

ユーティリティInter · tabular

タイムスタンプ、ストリークカウント。常に等幅数字。

タイプスケール

display / 44-68px / 800毎日のパートナー。
body / 16px / 400 / 1.6 line height本文は1行あたりおおよそ65文字程度に収める。
label / 12px / 600 / +14% tracking / uppercaseあなたの人たちからの新着

禁止事項

  • どこであれ2つ目の書体を使うこと
  • 見出しや本文をすべて大文字にすること
  • 右揃えや両端揃えのテキスト
第 08

アイコン

静止時は柔らかい形。タップすると塗りつぶし。

非常に丸みを帯びた抽象的な形 - 鋭い角はどこにもない。すべてのアイコンにはちょうど2つの状態がある:静止時はアウトライン、選択時やアクティブ時は塗りつぶし

  • すべての形は、まず柔らかい塊であり 、識別できる物体であるのは二の次。
  • 状態は2つだけ、それ以上はない: 静止時は2.2pxのストロークアウトライン、アクティブ時はソリッドの Ink。
  • このセットのどのアイコンにも90度の角は一つもない。
第 09

UI システム

1画面につき1アクション。常に。

ライトファースト。Snow の地色、Ink のテキスト、白いカード、そして1画面につきちょうど1つの Ink アクション。ボタンは丸いピル型。

コアトークン

トークン
--snappy-bg#FFFFFF
--snappy-radius20 px cards · 999 px buttons & chips · 50% avatars
--snappy-tapmin target 44×44 px

コンポーネントのルール

  • Snappy リング: 未読のアバターには2.5px の Ink リングが付く。既読 = 20% の Ink。
  • 未読数とストリークは等幅数字を使う。
第 10

アプリアイコン

1つの形、あらゆるサイズ、最小16pxまで。

Ink の単色の上にマークを中央配置し、余白を十分に取る。1024px のストアリスティングから16px の favicon まで、劣化なく拡大縮小できる。

  • マークは光学的に中央に配置され、アイコン自体の幅の約70%を占める。
  • Android のアダプティブアイコン:マークをセーフゾーンの55%に縮小。
  • マークの色は決して変えない。季節限定バリエーションでも形は変えない。
第 11

モーション

すべてが少しの生命感とともに現れる。

ルールは一つ:わずかなオーバーシュート、決して平坦なカットではない。押すとスクワッシュし、退場は素早く静かに。

60%から380msでスケールアップし、落ち着く前にわずかにオーバーシュートする。

名前付きカーブ

名前仕様使用場面
Arrive(到着)cubic-bezier(.34,1.56,.64,1) · 320-380msカード、新着投稿、シート
Leave(退出)cubic-bezier(.3,0,.7,1) · 140-180ms退出、閉じる操作、タブのクロスフェード
Squash(押しつぶし)scale(1.04,.92) on pressすべてのタップ対象
  • 低モーション設定を尊重する:すべての動きを120msのオパシティフェードに置き換える。これは絶対条件。
  • 誰も必要としていない退場アニメーション - 閉じる操作が瞬時であるなら、待たせる理由をわざわざ作らない。
第 12

ソーシャル

プラットフォームではなく、あなたの人たちの一人。

Snappy のソーシャルでの立ち居振る舞いは、あなたの人たちの一人のよう。企業として投稿することは決してない。

フォーマット・ドロップ

snappy が登場
App Store で

フォーマット・お題

カメラロールの最新の1枚をシェアしよう。スクロール不要。

フォーマット・証拠

「make it snappy」 - 毎日、数秒で送信

第 13

グッズとパッケージ

2つのアセット、印刷できるところならどこにでも。

厚手の刺繍、グロス仕上げのエナメル、きれいな印刷。すべてはマーク、ワードマーク、そして純粋な Ink から作られる。

make it snappy.snappy
  • ステッカーシート: マークとフレーズのピル、グロスドーム仕上げ。
  • アパレル: Snow または Ink の生地、胸に小さなマーク、背中に大きなワードマーク。
  • グッズにスマホの UI を印刷することは決してない。
第 14

マーケティング

声は同じ、キャンバスが大きいだけ。

  • App Store: Snappy - 毎日のパートナー。サブタイトル:起きているうちにシェアしよう。
  • スクリーンショット: 各フレームの隅にマークを添える。
  • 屋外広告: Snow の地色に巨大な Ink の見出し、短い URL 一つ:madebysnappy.com。
  • クリエイター向けブリーフ: 「フィードではなく、その瞬間を撮る。」
第 15

商標とリソース

要約版

退屈な部分を、短くまとめた。

常に

· アイコンとして抽象的なマークを使う - 一つの形、文字要素なし

· Snow の地色、Ink のテキスト、1画面につき1つの Ink アクション

· Ink #000000 を唯一のアクセントカラーとして使う - それ以外はなし

禁止事項

· マークに輪郭線、影、グラデーション、回転を加えること

· 色味のずれやオフホワイトの地色

· 法務・安全に関する文言での企業的な口調、「おっと」、冗談

商標

アセットクリアスペース最小サイズ
マークマーク自体の幅の¼16 px
ワードマーク小文字の「n」の高さ72 px wide

リソース

ソースファイルはまだセルフサービス提供されていません - マーク、ワードマーク、アイコンセット、モーションプリセットのご依頼はlegal@madebysnappy.com.

Snappy ブランドガイドライン · アセット命名規則: snappy-[asset]-[ground]-[size] ·書体: Inter (自社ホスティングの可変フォント) ·お問い合わせ: legal@madebysnappy.com

第 16

目的

実際によく聞かれる質問

なぜこれが存在するのか?もっともな疑問だ。

なぜSnappyは存在するのか?

ほとんどのソーシャルアプリは、いつの間にか舞台になってしまった - フォロワー数、アルゴリズム、見知らぬ人があなたの生活をスクロールしていく。Snappyが存在するのは、あなたの人たちがそこにいたからこそ意味を持つ瞬間に、起きたその瞬間、行き場を与えるためだ。

誰のためのものか?

すでに知っている、閉じた人たちの輪のためだ - フォロワーではなく、友達。オーディエンスを増やそうとしているなら、このアプリは合わない。

他のソーシャルアプリとは何が違うのか?

演じる相手のフィードもなければ、誰が何を見るかを決めるアルゴリズムもなく、増やすべきフォロワー数もない。送ったら、あなたの人たちがそれを見る - それがすべてだ。

「Snappy」という名前の理由は?

「Make it snappy.(さっさとやって。)」「Send me a quick snap of it.(ぱっと写真送って。)」この言葉は日常の英語でもともと、速くて、無理がなくて、ちょっと茶目っ気があるという意味を持っていた - 私たちはその感覚に居場所を与えただけだ。

これからどこへ向かうのか?

大きくなることより、近くなること。成長のための成長こそが、友達のための場所を見知らぬ人のための舞台に変えてしまうものだ - だから私たちは意図的に小さくあり続ける。