cw brand guidelines - Amazon...

16
Chatwork Brand Guidelines Chatworkブランドガイドライン

Transcript of cw brand guidelines - Amazon...

Page 1: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Chatwork Brand GuidelinesChatworkブランドガイドライン

Page 2: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Introductionイントロダクション

ロゴは、CI(コーポレートアイデンティティ)において重要な役割を担うものです。

コーポレートミッションを象徴し、社内外を通し一致した認識であるように努め、

企業ブランドの企業価値の向上につなげていくものです。

そのため、ロゴは一貫性を保ち公表していくことが必要です。

このガイドラインでは、Chatworkを対外的に表現する際の、基準や原則を記述しています。

ロゴを使用する際は、本ガイドラインを参照し正しい利用をお願いします。

Page 3: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Chatworkのロゴマークは、チャットを表す4つのチャットバブルで構成されています。

誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて

会話がはじまり、コラボレーションが生まれていく。

そんな様子を、1つの黒いチャットバブルとそれに連なる

3つの赤いチャットバブルが表現しています。

「働くをもっと楽しく、創造的に」

Chatworkのコーポレートミッションを表しています。

Conceptコンセプト

Page 4: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Chatworkのロゴは縦組、横組を基本形として用意しています。

展開形として、ロゴマーク単体、チャットバブル単体も用意

していますので、表示スペースの条件に応じて使い分けて

ください。

すべてのロゴデータは、データを変形・加工せず、そのまま

利用することを原則とします。ロゴデータは、必ずChatwork

公式サイトからダウンロードした正規のものを利用してくだ

さい。

Chatwork公式サイト ロゴダウンロード

https://go.chatwork.com/ja/download/cw_logo.html

Logoロゴの種類

縦組

横組

ロゴマーク単体 チャットバブル単体

表示スペースが小さく、ロゴマーク単体で表現できない場合にチャットバブル単体で利用してください。

Page 5: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Isolationアイソレーション(保護エリア)

Chatworkロゴは独立性、識別性をたもって表示をおこなう

ことが重要です。

そのため、表示する際にはロゴの周辺にアイソレーション

(保護エリア)を設けてください。このエリア内には他の

デザイン要素や文字など、ロゴの要素以外を表示することは

できません。

表記したのは、最小限の保護エリアですが、表示にあたっては

可能な限り大きな余白スペースを設け、余裕をもって配置し

てください。

0.2

1

0.2

0.2 0.2

Page 6: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Regulation表示規定

Chatworkロゴの組ごとに、印刷物・Webで利用する際の

最小サイズを記載しています。

ロゴの可読性を確保するため、記載している最小サイズ以上

で利用してください。

縦組

印刷 : 15mm以上

Web : 60px以上

横組

印刷 : 20mm以上

Web : 80px以上

ロゴマーク単体

印刷 : 8mm以上

Web : 24px以上

チャットバブル単体

印刷 : 4mm以上

Web : 16px以上

印刷 : 15mm以上Web : 60px以上

印刷 : 20mm以上Web : 80px以上

印刷 : 4mm以上Web : 16px以上

印刷 : 2mm以上Web : 8px以上

縦組

横組

ロゴマーク単体 チャットバブル単体

Page 7: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Colors色

Chatworkロゴは、「Cw-Red」と「Cw-Black」で表示する

2色表現をメインカラーとします。メインカラーをさまざま

な展開の中で一貫して使用していくことにより、色彩面から

Chatworkブランドのイメージを形成していきます。

「Cw-Gray」に関しては、反転カラーを表示する際のロゴ

タイプ、チャットバブルの一部のカラーとして使用します。

PANTONE® のカラーパレットにおける同等色は、単色の

インクカラーが望ましい場合や、模写・複製する場合に利用

する目的で提示されています。

特記事項

・必ず指定されたカラーコードを利用してください。

・PANTONE® はPantone LLCの登録商標です。

ブランドカラー

PANTONE® 1787 C

0 89 62 0

240 55 72

#F03748

C M Y K

R G B

Hex

PANTONE® 296 C

98 89 67 55

19 32 47

#13202F

C M Y K

R G B

Hex

PANTONE® 663 C

14 9 8 0

225 227 230

#E1E3E6

C M Y K

R G B

Hex

Cw-Red

Cw-Black

Cw-Gray

Page 8: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Patterns展開パターン

Chatworkロゴの表示色は、メインカラーロゴを優先的に

利用することを推奨します。

印刷に制限がある場合や、表現上必要な場合は反転カラー、

単色を、さまざまな展開物において、自由に選択できます。

反転カラーロゴ

反転カラーロゴの推奨の背景色は「Cw-Black」。

ロゴタイプ、チャットバブルの一部は「Cw-Gray」とします。

背景色が暗い場合など、反転したカラーが必要な場合に利用

してください。

単色ロゴ

印刷に制約がある場合や、視認性を確保するために利用して

ください。

メインカラーロゴ

単色ロゴ(黒) 単色ロゴ(白)

反転カラーロゴ

Page 9: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

0%

10% 60%

20% 70%

30% 80%

40% 90%

50% 100%

Examplesロゴの表示例

メインカラーロゴの明度基準です。

メインカラーロゴの背景は、ブランドイメージを損なわない

ために白を基本とします。

背景色が無彩色(白~黒)の場合は右図の明度基準を参照し、

視認性を損なわないように利用してください。

縦組、横組のロゴについても同様です。

Page 10: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

0%

10% 60%

20% 70%

30% 80%

40% 90%

50% 100%

Examplesロゴの表示例

反転カラーロゴの明度基準です。

背景色が無彩色(白~黒)の場合は右図の明度基準を参照し、

視認性を損なわないように利用してください。

縦組、横組のロゴについても同様です。

Page 11: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Examplesロゴの表示例

やむを得ず、ロゴの背景色が白以外の色(写真などを含む)に

なる場合は、ブランドイメージを損なわない適した背景色を

選択してください。

背景色(写真などを含む)が濃い色や暗い色の場合には、単色

ロゴの白を利用することも可能です。

背景色の明度とロゴの組み合わせによっては、視認性が悪い

ため、利用できない組み合わせもあることに留意してください。

ロゴの視認性を損なう複雑な写真、イラストの上に表示させ

ないでください。

Page 12: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Chatwork ID

Examplesロゴの表示例

Chatworkロゴはロゴマーク、チャットバブル単体でも利用

可能です。

表示スペースが限られている場合や、マークだけで訴求したい

などの場合に、ロゴマーク、チャットバブル単体を利用して

ください。

チャットバブルはデザインのパーツとして利用することが可能です。デザインのパーツとして利用する際は、サンプルを添付して、「ブランド利用リクエストフォーム」まで連絡してください。

ブランド利用リクエストフォームhttps://forms.gle/qxxP6gXgkYpxW2F96

チャットバブル単体

ロゴマーク単体

Page 13: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Incorrect Logo Usageロゴ利用禁止事項

Chatworkロゴの一貫性は、ブランドを認知してもらう上で

非常に重要です。そのため、認められていない色、形での表示・

変更をおこなわないよう、禁止例を参考に利用してください。

Chatworkロゴのすべてのパターンに対して、この制限は

適用されます。

変形しないでください。 相対サイズを変更しないでください。 配置を変更しないでください。

規定以外の色に変更しないでください。 ドロップシャドウを加えないでください。 3D効果を加えないでください。

アウトラインで表示しないでください。 白フチを加えないでください。 ロゴの視認性が悪い背景の上に表示しないでください。

Page 14: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Typeface文字要素

Chatworkで使用している推奨フォントです。常に統一された

書体で表示することにより、伝達効果、クオリティを高める

ことが可能です。

英字・数字の場合

推奨フォントは「Akzidenz Grotesk Bold」です。

ひらがな・カタカナ・漢字の場合

推奨フォントは「UD新ゴNT DB」です。

Akzidenz Grotesk Bold

ABCDEFGHI JKLMNOPQRSTUVWXYZ

abcdefgh i jk lmnopqrs tuvwxyz

1234567890 ( . , : ; ? !&$-+%*@#)

UD新ゴNT DB

あいうえおかきくけこサシスセソタチツテト働くをもっと楽しく、創造的に

Page 15: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Official Name正式社名・サービス名

社名・サービス名をテキスト表記する場合は、正式な表記を

してください。

社名が日本語表記の場合

推奨フォントは「UD新ゴNT DB」です。

社名が英語またはサービス名表記の場合

推奨フォントは「Akzidenz Grotesk Bold」です。

日本語での社名

Chatwork株式会社

英語での社名

Chatwork Co., Ltd.

サービス名

Chatwork

Page 16: cw brand guidelines - Amazon S3誰かがアイデアを思いついて発言すると、みんなが自然と集まってきて 会話がはじまり、コラボレーションが生まれていく。

Note最後に

Chatworkブランドガイドライン発行 Chatwork株式会社更新日 2019年8月27日

本ガイドラインに記載された内容は予告なしに変更することがあります。

当社に相談なく、本ガイドラインに反する利用があった場合は、その利用の変更を求める場合があります。

マニュアルに関する質問や、ガイドラインに記載されていない方法で当社のマーク等を利用する場合は、

意図するデザインの視覚的なサンプルを添付して、

「ブランド利用リクエストフォーム」ください。

ブランド利用リクエストフォームhttps://forms.gle/qxxP6gXgkYpxW2F96