$30 off During Our Annual Pro Sale. View Details »

Commune_Brand_Guideline_JA

 Commune_Brand_Guideline_JA

Commune Inc.

July 25, 2024
Tweet

More Decks by Commune Inc.

Other Decks in Design

Transcript

  1. Vision Corporate Values: Great Company Team Values Brand Personality Brand

    Structure Logo Colors Typography Company and Product Names Table of 
 contents
  2. Vision あらゆる組織とひとが融け合う未来をつくる 指先一つで世界にアクセスでき、 いつでもどこでもコミ ュニケーシ ョ ンができるようになった現代。
 それなのに多く の組織とひとの間には 「断絶、

    距離、 垣根、 摩擦」 が残っ ています。

 これらの障壁をなく すことができれば、 敵かのように対峙することも、 騙すような振る舞いが有利に働く こともないでし ょ う。 お互いを理解でき、 受け入れる関係性が築きやす く なると信じています。

 障壁のない関係性から生まれるコミ ュニケーシ ョ ンは、 さらなるコラボレーシ ョ ン (共創) を促進し、
 イノベーシ ョ ンのき っかけへとつながります。 そう したステップを歩める強固な関係性は人類の可能性を広げるはずです。

 あらゆる組織とひとが融け合うことで、 世界はもっと良い場所になる。

 私たちは、 この 「関係性のあるべき姿」 の実現に取り組みます。
  3. カスタマー
 サクセス ステークホルダー
 サクセス エンプロイー
 サクセス 顧客 社員 社会 Corporate

    Values Great Company 「カスタマーサクセス・エンプロイーサクセス・
 ステークホルダーサクセス」 を
 高いレベルで維持するグレートカンパニーとなる!と
 本気で目指しています。
  4. Corporate Values カスタマーサクセス
 三方よしの積み重ね 目指すのは、 コミューン、 エンドユーザー、 クライアントのすべてが
 ハッピーになるサイクルです。

 コミューンを通じて

    「一人ひとりに最適な体験」 が提供されると、
 ユーザーはハッピーになります。
 その結果、 企業収益が向上しクライアントがハッピーになります。
 クライアントにコミューンの価値を認識してもらい使い続けて
 もらうことで、 私たちがハッピーになります。

 この三方よしの積み重ねがコミューンの売上であり、 成長基盤です。 カスタマー
 サクセス 顧客 社員 社会 ステークホルダー
 サクセス エンプロイー
 サクセス
  5. Corporate Values エンプロイーサクセス
 キャリア実現のビークル コミューンでは
 「会社は、 キャリアを実現するビークル (乗り物) 」 と考えています。


    様々なビークルの中から選んでもらい、 選ばれ続けるために、
 魅力的に、 快適にしつづける必要があります。

 一方で、 ビークル自体が優れていても、
 仲間と協働できなければ素晴らしい旅にはなりません。
 ビークルで過ごす際は、 人間的に成長できるよう支援するのも
 ビークルのオーナーとしての役割です。

 共に旅する仲間にと って 「意味ある日々」 になるよう、
 この旅がキャリアのハイライ トになるよう、 努力し続けます。 カスタマー
 サクセス 顧客 社員 社会 ステークホルダー
 サクセス エンプロイー
 サクセス
  6. Corporate Values ステークホルダーサクセス
 社会をこうあるべきに前進する 企業には、 社会の公器として
 「社会をより良く する」 責務があると信じています。
 プロダクトを通して世の中を良く

    することはもちろんですが、
 企業活動と直接ひもづかない社会貢献も責務の一つだと
 私たちは考えます。

 コミューンでは、 ドナー休暇を設けたり、 生理の貧困解消に
 取り組む団体への寄付や、 女性活躍の支援など、
 社会を良く するための活動にもコツコツと取り組んでいます。 カスタマー
 サクセス 顧客 社員 社会 ステークホルダー
 サクセス エンプロイー
 サクセス
  7. 私たちは 「人のつながりを科学する」 という難解かつ広大無辺な領域にチャレンジしています。
 この領域はグローバルでも発展途上で、 見本はどこにもありません。 先頭を走る一社として、
 様々な検証と立証を繰り返していく必要があります。

 チャレンジの大きさに対して、 スタートアップである私たちには足りないものばかりです。
 しかし、

    その時運にベストなアプローチを工夫して進めていける行動力を持ち合わせています。

 だからこそ、 自分たちが信じる 「こうあるべき」 に賭ける。 そして、 本質的な価値を考え抜き、
 その価値創出のためのコトにとことん向き合う。

 この 「超本質主義」 に基づいて、 最大効率で最大効果を出すチャレンジをし続けます。 Team Values 超本質主義 あるべきにベットし、 コトに向かう
  8. 私たちのビジョンは壮大で、 決してひとりでは実現できません。
 プロスポーツチームのように、 全員がチームの勝利を目指しつつも、
 各レイヤーの役割や目標は異なる。 そういった強い組織力が不可欠です。

 役割が違うからこそ、 オーナーシップをもって自分の任務を果たし、
 仲間を信じて託す姿勢が重要です。 ときに衝突もあるでしょう。


    しかし、 健全でリスペクトある議論を経れば、 お互いを高め合うチームへと成長します。

 私たちは、 背中を合わせ、 チームコミューンでビジョン実現に向けて前進します。 Team Values チームコミューン 背中を合わせ、 チームで前進する
  9. Brand Personality ブランドパーソナリティ p Vision / Great Company / Valueに基づく

    コミューンの人q p ブランドコミュニケーション
 (クリエイティ ブ、 Voice and Tone、 その他制作物) の共有言C p 3要素を満たしているか
 (満たしてない場合、 どんな目的があるか) 確認し、
 運用するための価値基準 Open-hearted 開放感 / 透明性 / 柔軟さ あらゆる人に開かれていること。
 変化を受け入れること。
 伴走する人であること。 Bold 挑戦感 / 新規性 / 大胆さ 新しい挑戦を恐れないこと。
 リスクを受け入れること。
 その先に未来を描く人であること。 Smart 科学感 / 合理性 / 知的さ ゴールに直進できること。
 無駄がないこと。
 知性を大切にする人であること。
  10. コミュニティサクセス
 プラットフォーム カスタマーサクセス
 マネジメントツール 日本語 English Brand Structure コミューンの
 ブランドストラクチャー

    私たちのブランドは、 コーポレートブランドと
 プロダクトブランドの2階層で構成されています。 プロダクトブランドには、
 CommuneとSuccessHubがあります。
  11. Logo コーポレートロゴ コーポレートロゴは、 プロダクトのCommuneではなく、
 企業としての 「コミューン株式会社」 を表す際に使用します。 コーポレートロゴは 「あらゆる組織とひとが融け合う未来をつく る」


    コミューンのVisionを形にしています。 文字同士を近づけて、
 お互いの距離が縮まるイメージにしました。 また、 文字のすべての角をとり、
 障壁になりうる尖った要素を取り除く ことで、
 より滑らかに融け合う世界観を表現しました。
  12. 視認しやすく識別しやすくするため、 ロゴの周りには
 アイソレーション (余白) を設けます。 アイソレーションエリアは、 ロゴにある文字 「o」 の横幅と
 同じ余白をロゴの全側面に設けた領域です。


    この領域には他の要素や文字を表示しないでください。 ロゴの視認性を担保するため、 指定の最小サイズより 小さいサイズで使用しないでくださいs v スクリーン用最小サイズ:75p’ v 印刷用最小サイズ:15mm 75px 15mm Logo コーポレートロゴ:余白と最小サイズ
  13. 長体、平体、斜体などに変形しない 影をつけるなど、装飾をしない 縁取らない は簡単! 文章の一部に使用しない 傾けない 指定カラー以外で使用しない 複数同時に使用しない 文字間隔やバランスを変えない 一部が欠けた状態にしない

    Logo コーポレートロゴ:
 不適切な使用例 このガイドラインに案内のないロゴの改変は
 避けてください。
 特に避けてほしい例を右記にまとめています。
  14. Logo プロダクトロゴ:余白と最小サイズ 視認しやすく識別しやすく するため、 ロゴの周りには
 アイソレーション (余白) を設けます。 アイソレーションエリアは、 ロゴにある文字

    「o」 の横幅と
 同じ余白をロゴの全側面に設けた領域です。
 この領域には他の要素や文字を表示しないでください。 ロゴの視認性を担保するため、 指定の最小サイズより 小さいサイズで使用しないでください“ – スクリーン用最小サイズ : 97po – 印刷用最小サイズ : 18mm 97px 18mm
  15. 長体、平体、斜体などに変形しない 影をつけるなど、装飾をしない 縁取らない は簡単! 文章の一部に使用しない 傾けない 指定カラー以外で使用しない 複数同時に使用しない 文字間隔やバランスを変えない 一部が欠けた状態にしない

    Logo プロダクトロゴ:
 不適切な使用例 このガイドラインに案内のないロゴの改変は
 避けてください。
 特に避けてほしい例を右記にまとめています。
  16. Primary Secondary Extended Colors ブランドカラーの使用について コミューンらしい世界観を表現する色を定義しています。 プライマリーカラー:Commune Black、 White ブランドの基本となる色です。


    solidな色として使い、 グラデーションなどの可変性はありません。 セカンダリーカラー:Commune Red、 Commune Blue、 Commune Yellow プライマリーカラーを引き立たせたり、 コミューンらしさを後押しする色です。
 必ずプライマリーカラーとセットで使用します。
 プライマリーカラーと異なり、 セカンダリーカラーはクリエイティブのテーマに
 あわせて1色だけ使うといった色数の選択や、 グラデーションなども可能です。 エクステンデッドカラー:Commune Green、 Commune Purple コミューンブランドでは、 プライマリーカラーとセカンダリーカラーを中心に表現します。
 表現の幅を広げる必要がある場合に、 エクステンドカラーを使用します。
  17. Do's Hello! Hello! Don'ts Hello 視認性が悪い Hello! コントラスト比が低い Colors 明暗とコントラスト

    ブラン ドカラーでは、 明暗を表現できるようTintsとShadesを設けます。
 テーマにあわせてダイナミ ックな表現に使用したり、
 視認性を高める目的で機能的に使用したり します。 ブラン ドカラーの明度の値は500です。 500より小さい値の色がTints、 500より大きい値の色がShadesです。 Secondary
 Color Tints Shades 200 300 400 500 600 700 800 ブラン ドカラーとTintsとShadesの 配色は、 扱うテーマ や視認性に 配慮し て
 デザイナー や担当者で 判断します。 特にテ キス トを 配置する 場合は、
 テ キス トと 背景色のコン トラス ト比が 4.5 以上になるようにして ください。 判断に 迷う 場合は、 弊社ビジュアルデザイン チー ムま で
 お問い 合わせ ください。
  18. Commune Black 500 #131313 PANTONE BLACK 6C C100 M61 Y32

    K96 White #FFFFFF C0 M0 Y0 K0 400 #5A5A5A 300 #A1A1A1 200 #E7E7E7 Tints Colors Primary
  19. 800 #7D2029 700 #AF2C39 600 #E1394A Commune Red 500 #FA3F52

    PANTONE 1788C C0 M93 Y76 K0 400 #FC7986 300 #FDB2BA 200 #FFECEE 800 #0B5F76 700 #0F84A5 600 #13AAD4 Commune Blue 500 #15BDEB PANTONE 638C C73 M0 Y12 K0 400 #5BD1F1 300 #A1E5F7 200 #E8F8FD Tints Shades 800 #7E6200 700 #B08900 600 #E3B000 Commune Yellow 500 #FCC400 PANTONE 7408C C0 M26 Y90 K0 400 #FDD64D 300 #FEE799 200 #FFF9E6 Colors Secondary
  20. 800 #355C25 700 #4A8133 600 #5FA642 Commune Green 500 #69B849

    PANTONE 361C C70 M0 Y100 K0 400 #96CD80 300 #C3E3B6 200 #F0F8ED 800 #5A3A80 700 #7E51B3 600 #A268E6 Commune Purple 500 #B474FF PANTONE 2088C C45 M50 Y0 K0 400 #CB9EFF 300 #E1C7FF 200 #F8F1FF Tints Shades Colors Extended
  21. Noto Sans JPはGoogle Fontsから
 ダウンロードしてください。 Noto Sans JP あいうえおかきくけこさしすせそなにぬねの
 コミュニティの力で事業成長を実現する

    あいうえおかきくけこさしすせそなにぬねの
 コミュニティの力で事業成長を実現する あいうえおかきくけこさしすせそなにぬねの
 コミュニティの力で事業成長を実現する あらゆる組織とひとが
 融け合う未来をつくる Typography 日本語 日本語では、 美しさと汎用性を備えた
 Noto Sans JPを使用します。
  22. 代替フォントのOpen SansはGoogle Fontsから
 ダウンロードしてください。 Shape the future 
 of human

    relationship Typography English 英語では、 先進性と人間味、 視認性を備えた
 Myriadを使用します。 ただし、 Webなどでは代替フォントとして
 Open Sansを使用します。 Myriad ABCDEFGHIJKLMNOPGRSTUVWXYZ
 abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPGRSTUVWXYZ
 abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPGRSTUVWXYZ
 abcdefghijklmnopqrstuvwxyz1234567890
  23. Company and Product Names 会社名 会社名をテキス トで記載する際は、
 次の表記を使用して く ださい。

    日本語の場合 必ずカタカナを用いて 「コミューン株式会社」 と表記します。
 略称で表記する場合は 「コミューン」 と表記します。 英語の場合 頭文字は大文字で 「Commune Inc.」 と表記します。
 略称で表記する場合は 「Commune」 と表記します。
  24. Company and Product Names プロダクト名 プロダク ト名をテキス トで記載する際は、
 正しい表記を使用して く

    ださい。 w スペースや大文字小文字なども正確に使用しますa w 正しい表記と して案内のない略称や頭字語は
 使用しません。 Commune SuccessHub SuccessHub SuccessHub (サクセスハブ) サクセスハブ Commune コミ ューン Commune (コミ ューン) commune Commmune Comune こみゅーん さ く せすはぶ Successhub successhub Success Hub SH
  25. Company and Product Names プロダクトの説明 プロダク トの説明をテキス トで記載する際は、
 次の表記を使用して く

    ださい。 Commune コミ ューン株式会社が提供するコミ ュニテ ィ サクセスプラ ッ トフ ォームです。
 あらゆる組織とひとのコミ ュニケーシ ョ ンをなめらかにする
 コミ ュニテ ィ づく りを、 立ち上げから活性化まで トータルでサポートします。 SuccessHub コミ ューン株式会社が提供するカスタマーサクセスマネジメン トツールです。
 契約情報や製品の利用データといった顧客情報の一元管理から
 各顧客の状況に応じた最適なアクシ ョ ンまでを一気通貫で支援し、
 効率的に収益最大化を実現します。
  26. Company and Product Names その他の用語 コミ ューンで頻出する用語は次のとおりです。
 正しい表記にそ っ て記載して

    く ださい。 コミ ュニテ ィ インテグリテ ィ コミ ュニテ ィ サクセスプラ ッ トフ ォーム コミ ュニテ ィー インテグリテ ィー コミ ュニテ ィ プラ ッ トフ ォーム