Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Commune_Brand_Guideline_JA
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Commune Inc.
PRO
July 25, 2024
Design
620
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Commune_Brand_Guideline_JA
Commune Inc.
PRO
July 25, 2024
More Decks by Commune Inc.
See All by Commune Inc.
コミューン株式会社_採用候補者様向け資料
commune
PRO
1
24k
How Commune Works
commune
PRO
0
62k
How Commune Works(English)
commune
PRO
0
2.1k
ありんこおじさんのおもちゃ工房
commune
PRO
0
1.7k
コミューン5周年インフォグラフィック
commune
PRO
0
3.7k
Other Decks in Design
See All in Design
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
440
Design dependencies
teba_eleven
0
130
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.6k
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
370
AI時代に必要な アイデアの形
uxman
0
210
hicard_credential_202601
hicard
0
250
CULTURE DECK/Creative Director
mhand01
0
1.3k
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
590
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
840
CULTURE DECK/Marketing Director
mhand01
0
1.3k
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
930
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.4k
Featured
See All Featured
Scaling GitHub
holman
464
140k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
290
Optimising Largest Contentful Paint
csswizardry
37
3.7k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.2k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
580
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
420
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Docker and Python
trallard
47
3.9k
Mind Mapping
helmedeiros
PRO
1
250
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.7k
Transcript
Brand Guideline v.1.0
Vision Corporate Values: Great Company Team Values Brand Personality Brand
Structure Logo Colors Typography Company and Product Names Table of contents
Vision
Vision あらゆる組織とひとが融け合う未来をつくる 指先一つで世界にアクセスでき、 いつでもどこでもコミ ュニケーシ ョ ンができるようになった現代。 それなのに多く の組織とひとの間には 「断絶、
距離、 垣根、 摩擦」 が残っ ています。 これらの障壁をなく すことができれば、 敵かのように対峙することも、 騙すような振る舞いが有利に働く こともないでし ょ う。 お互いを理解でき、 受け入れる関係性が築きやす く なると信じています。 障壁のない関係性から生まれるコミ ュニケーシ ョ ンは、 さらなるコラボレーシ ョ ン (共創) を促進し、 イノベーシ ョ ンのき っかけへとつながります。 そう したステップを歩める強固な関係性は人類の可能性を広げるはずです。 あらゆる組織とひとが融け合うことで、 世界はもっと良い場所になる。 私たちは、 この 「関係性のあるべき姿」 の実現に取り組みます。
Corporate Values Great Company
カスタマー サクセス ステークホルダー サクセス エンプロイー サクセス 顧客 社員 社会 Corporate
Values Great Company 「カスタマーサクセス・エンプロイーサクセス・ ステークホルダーサクセス」 を 高いレベルで維持するグレートカンパニーとなる!と 本気で目指しています。
Corporate Values カスタマーサクセス 三方よしの積み重ね 目指すのは、 コミューン、 エンドユーザー、 クライアントのすべてが ハッピーになるサイクルです。 コミューンを通じて
「一人ひとりに最適な体験」 が提供されると、 ユーザーはハッピーになります。 その結果、 企業収益が向上しクライアントがハッピーになります。 クライアントにコミューンの価値を認識してもらい使い続けて もらうことで、 私たちがハッピーになります。 この三方よしの積み重ねがコミューンの売上であり、 成長基盤です。 カスタマー サクセス 顧客 社員 社会 ステークホルダー サクセス エンプロイー サクセス
Corporate Values エンプロイーサクセス キャリア実現のビークル コミューンでは 「会社は、 キャリアを実現するビークル (乗り物) 」 と考えています。
様々なビークルの中から選んでもらい、 選ばれ続けるために、 魅力的に、 快適にしつづける必要があります。 一方で、 ビークル自体が優れていても、 仲間と協働できなければ素晴らしい旅にはなりません。 ビークルで過ごす際は、 人間的に成長できるよう支援するのも ビークルのオーナーとしての役割です。 共に旅する仲間にと って 「意味ある日々」 になるよう、 この旅がキャリアのハイライ トになるよう、 努力し続けます。 カスタマー サクセス 顧客 社員 社会 ステークホルダー サクセス エンプロイー サクセス
Corporate Values ステークホルダーサクセス 社会をこうあるべきに前進する 企業には、 社会の公器として 「社会をより良く する」 責務があると信じています。 プロダクトを通して世の中を良く
することはもちろんですが、 企業活動と直接ひもづかない社会貢献も責務の一つだと 私たちは考えます。 コミューンでは、 ドナー休暇を設けたり、 生理の貧困解消に 取り組む団体への寄付や、 女性活躍の支援など、 社会を良く するための活動にもコツコツと取り組んでいます。 カスタマー サクセス 顧客 社員 社会 ステークホルダー サクセス エンプロイー サクセス
Team Values
Team Values 超本質主義 チームコミューン インテグリティ Vision実現に向けた活動において、 私たちが大切にしている価値基準です。 コミ ューンの仲間と してあるべき姿勢を明記しています。
私たちは 「人のつながりを科学する」 という難解かつ広大無辺な領域にチャレンジしています。 この領域はグローバルでも発展途上で、 見本はどこにもありません。 先頭を走る一社として、 様々な検証と立証を繰り返していく必要があります。 チャレンジの大きさに対して、 スタートアップである私たちには足りないものばかりです。 しかし、
その時運にベストなアプローチを工夫して進めていける行動力を持ち合わせています。 だからこそ、 自分たちが信じる 「こうあるべき」 に賭ける。 そして、 本質的な価値を考え抜き、 その価値創出のためのコトにとことん向き合う。 この 「超本質主義」 に基づいて、 最大効率で最大効果を出すチャレンジをし続けます。 Team Values 超本質主義 あるべきにベットし、 コトに向かう
私たちのビジョンは壮大で、 決してひとりでは実現できません。 プロスポーツチームのように、 全員がチームの勝利を目指しつつも、 各レイヤーの役割や目標は異なる。 そういった強い組織力が不可欠です。 役割が違うからこそ、 オーナーシップをもって自分の任務を果たし、 仲間を信じて託す姿勢が重要です。 ときに衝突もあるでしょう。
しかし、 健全でリスペクトある議論を経れば、 お互いを高め合うチームへと成長します。 私たちは、 背中を合わせ、 チームコミューンでビジョン実現に向けて前進します。 Team Values チームコミューン 背中を合わせ、 チームで前進する
顧客をはじめとする多くのステークホルダーからの信頼があるからこそ、 壮大なビジョン実現に挑戦できています。 信頼の源泉は、 人徳をベースとした妥協なく一貫性のある誠実さの積み重ねです。 このインテグリティに基づく仕事が、 ステークホルダーから信頼を寄せてもらい、 中長期で選ばれ続けることにつながるのです。 その結果、 事業が最も成長し、 ビジョン実現により近づけると確信しています。
私たちは、 顧客 (クライアント、 エンドユーザー) 、 社会、 そして自分自身を含めたあらゆる ステークホルダーに対してインテグリティを持って向き合い、 ビジョン実現に取り組みます。 Team Values インテグリティ 顧客、 社会、 自分に誠実な仕事をする
Brand Personality
Brand Personality ブランドパーソナリティ p Vision / Great Company / Valueに基づく
コミューンの人q p ブランドコミュニケーション (クリエイティ ブ、 Voice and Tone、 その他制作物) の共有言C p 3要素を満たしているか (満たしてない場合、 どんな目的があるか) 確認し、 運用するための価値基準 Open-hearted 開放感 / 透明性 / 柔軟さ あらゆる人に開かれていること。 変化を受け入れること。 伴走する人であること。 Bold 挑戦感 / 新規性 / 大胆さ 新しい挑戦を恐れないこと。 リスクを受け入れること。 その先に未来を描く人であること。 Smart 科学感 / 合理性 / 知的さ ゴールに直進できること。 無駄がないこと。 知性を大切にする人であること。
Brand Structure
コミュニティサクセス プラットフォーム カスタマーサクセス マネジメントツール 日本語 English Brand Structure コミューンの ブランドストラクチャー
私たちのブランドは、 コーポレートブランドと プロダクトブランドの2階層で構成されています。 プロダクトブランドには、 CommuneとSuccessHubがあります。
Logo
Logo コーポレートロゴ コーポレートロゴは、 プロダクトのCommuneではなく、 企業としての 「コミューン株式会社」 を表す際に使用します。 コーポレートロゴは 「あらゆる組織とひとが融け合う未来をつく る」
コミューンのVisionを形にしています。 文字同士を近づけて、 お互いの距離が縮まるイメージにしました。 また、 文字のすべての角をとり、 障壁になりうる尖った要素を取り除く ことで、 より滑らかに融け合う世界観を表現しました。
視認しやすく識別しやすくするため、 ロゴの周りには アイソレーション (余白) を設けます。 アイソレーションエリアは、 ロゴにある文字 「o」 の横幅と 同じ余白をロゴの全側面に設けた領域です。
この領域には他の要素や文字を表示しないでください。 ロゴの視認性を担保するため、 指定の最小サイズより 小さいサイズで使用しないでくださいs v スクリーン用最小サイズ:75p v 印刷用最小サイズ:15mm 75px 15mm Logo コーポレートロゴ:余白と最小サイズ
長体、平体、斜体などに変形しない 影をつけるなど、装飾をしない 縁取らない は簡単! 文章の一部に使用しない 傾けない 指定カラー以外で使用しない 複数同時に使用しない 文字間隔やバランスを変えない 一部が欠けた状態にしない
Logo コーポレートロゴ: 不適切な使用例 このガイドラインに案内のないロゴの改変は 避けてください。 特に避けてほしい例を右記にまとめています。
Logo Commune プロダクトロゴ プロダクトロゴは、 コミューン株式会社が提供するプロダクトとしての 「Commune」 を表す際に使用します。 プロダクトロゴは、 あらゆる組織とひとの コミュニケーションを滑らかにするプロダクトであることを
形にしています。 Visionとの親和性を示す要素 (文字同士を近づける ・ 文字のすべての 角をとる) を保ちつつ、 コミュニケーションの和を表現しました。
Logo プロダクトロゴ:余白と最小サイズ 視認しやすく識別しやすく するため、 ロゴの周りには アイソレーション (余白) を設けます。 アイソレーションエリアは、 ロゴにある文字
「o」 の横幅と 同じ余白をロゴの全側面に設けた領域です。 この領域には他の要素や文字を表示しないでください。 ロゴの視認性を担保するため、 指定の最小サイズより 小さいサイズで使用しないでください スクリーン用最小サイズ : 97po 印刷用最小サイズ : 18mm 97px 18mm
長体、平体、斜体などに変形しない 影をつけるなど、装飾をしない 縁取らない は簡単! 文章の一部に使用しない 傾けない 指定カラー以外で使用しない 複数同時に使用しない 文字間隔やバランスを変えない 一部が欠けた状態にしない
Logo プロダクトロゴ: 不適切な使用例 このガイドラインに案内のないロゴの改変は 避けてください。 特に避けてほしい例を右記にまとめています。
Colors
Primary Secondary Extended Colors ブランドカラーの使用について コミューンらしい世界観を表現する色を定義しています。 プライマリーカラー:Commune Black、 White ブランドの基本となる色です。
solidな色として使い、 グラデーションなどの可変性はありません。 セカンダリーカラー:Commune Red、 Commune Blue、 Commune Yellow プライマリーカラーを引き立たせたり、 コミューンらしさを後押しする色です。 必ずプライマリーカラーとセットで使用します。 プライマリーカラーと異なり、 セカンダリーカラーはクリエイティブのテーマに あわせて1色だけ使うといった色数の選択や、 グラデーションなども可能です。 エクステンデッドカラー:Commune Green、 Commune Purple コミューンブランドでは、 プライマリーカラーとセカンダリーカラーを中心に表現します。 表現の幅を広げる必要がある場合に、 エクステンドカラーを使用します。
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 以上になるようにして ください。 判断に 迷う 場合は、 弊社ビジュアルデザイン チー ムま で お問い 合わせ ください。
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
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
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
Typography
Noto Sans JPはGoogle Fontsから ダウンロードしてください。 Noto Sans JP あいうえおかきくけこさしすせそなにぬねの コミュニティの力で事業成長を実現する
あいうえおかきくけこさしすせそなにぬねの コミュニティの力で事業成長を実現する あいうえおかきくけこさしすせそなにぬねの コミュニティの力で事業成長を実現する あらゆる組織とひとが 融け合う未来をつくる Typography 日本語 日本語では、 美しさと汎用性を備えた Noto Sans JPを使用します。
代替フォントのOpen SansはGoogle Fontsから ダウンロードしてください。 Shape the future of human
relationship Typography English 英語では、 先進性と人間味、 視認性を備えた Myriadを使用します。 ただし、 Webなどでは代替フォントとして Open Sansを使用します。 Myriad ABCDEFGHIJKLMNOPGRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPGRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPGRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890
Company and Product Names
Company and Product Names 会社名 会社名をテキス トで記載する際は、 次の表記を使用して く ださい。
日本語の場合 必ずカタカナを用いて 「コミューン株式会社」 と表記します。 略称で表記する場合は 「コミューン」 と表記します。 英語の場合 頭文字は大文字で 「Commune Inc.」 と表記します。 略称で表記する場合は 「Commune」 と表記します。
Company and Product Names プロダクト名 プロダク ト名をテキス トで記載する際は、 正しい表記を使用して く
ださい。 w スペースや大文字小文字なども正確に使用しますa w 正しい表記と して案内のない略称や頭字語は 使用しません。 Commune SuccessHub SuccessHub SuccessHub (サクセスハブ) サクセスハブ Commune コミ ューン Commune (コミ ューン) commune Commmune Comune こみゅーん さ く せすはぶ Successhub successhub Success Hub SH
Company and Product Names プロダクトの説明 プロダク トの説明をテキス トで記載する際は、 次の表記を使用して く
ださい。 Commune コミ ューン株式会社が提供するコミ ュニテ ィ サクセスプラ ッ トフ ォームです。 あらゆる組織とひとのコミ ュニケーシ ョ ンをなめらかにする コミ ュニテ ィ づく りを、 立ち上げから活性化まで トータルでサポートします。 SuccessHub コミ ューン株式会社が提供するカスタマーサクセスマネジメン トツールです。 契約情報や製品の利用データといった顧客情報の一元管理から 各顧客の状況に応じた最適なアクシ ョ ンまでを一気通貫で支援し、 効率的に収益最大化を実現します。
Company and Product Names その他の用語 コミ ューンで頻出する用語は次のとおりです。 正しい表記にそ っ て記載して
く ださい。 コミ ュニテ ィ インテグリテ ィ コミ ュニテ ィ サクセスプラ ッ トフ ォーム コミ ュニテ ィー インテグリテ ィー コミ ュニテ ィ プラ ッ トフ ォーム
© Commune Inc. All rights reserved.