18
2021.05.28 GMOサイン Brand Guidelines

GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

2021.05.28

GMOサインBrandGuidelines

Page 2: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

Logoロゴのバリエーション

タグラインを外したロゴの使用について

横組み

縦組み

ロゴやブランドカラーなどが発 信する視覚的イメージ

は、ブランド構築においては重要な要素です。

「電子印鑑GMOサイン」ロゴには、構成する諸要素の

サイズや位置・スペースの関係に応じて、一定の基準が

具体的に設定されています。原則、デジタルデータを使

用し、比率や位置関係、色の組み合わせの編集もでき

ません。

常にオリジナルのロゴファイルの中のものを使用し、変

形、加工、改変を加えないでください。

タグラインである「電子印鑑なら」を外したロゴの使

用は原則認められません。ただし、許可申請にて承認

が得られた場合のみ使用可能です。

タグラインを外したロゴ使用したい場合は、クリエイ

ティブGまでご連絡をお願いいたします。

連絡先:[email protected]

02GMO Sign Brand Guidelines

Page 3: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

ロゴの色

カラー

ロゴカラーコード

これらのロゴカラーはブランドを象徴する色として定め

られ、さまざまなコミュニケーション場面で意図的に使

用することにより、ブランド独自のカラーイメージを形

成します。

「電子印鑑GMOサイン」ロゴの「GMO」は、GMOブル

ーです。原則として、ロゴはカラー表示版を使用してく

ださい。

背景色がGMOブルーの場合のみ、ネガティブ表示のロ

ゴを使用していただけます。

Logo Color

TrustネイビーHEX #���d��RGB R��/G��/B��CMYK C��/M��/Y�/K��PANTONE ����DIC ���

GMOブルーHEX #���bacRGB R�/G��/B���CMYK C���/M��/Y�/K�PANTONE ����DIC ���

03GMO Sign Brand Guidelines

Page 4: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

カラー(モノトーン)

モノクロ印刷

掲載先がモノクロ印刷に限定される場合に限り、モノク

ロのポジティブ表示の使用が認められています。ただ

し、主催者側のルールに則る必要がある場合について

は、それに限りません。

※ モノクロ印刷のみ使用可能※ モノクロ印刷のみ使用可能

04GMO Sign Brand Guidelines

Page 5: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

カラーチャート

カラー チャートは 、背 景 色 の 濃 度 による「 電子 印 鑑

GMOサイン」ロゴの表示方法(ポジティブ表示・ネガテ

ィブ表示)を示したガイドラインです。

背景色によっては、ロゴの見え方に影響が生じ、イメー

ジが正確に伝達されにくくなりますので、カラーチャー

トを参考にし、状況に応じたロゴを使用してください。

なお、視認性、判読性が保たれるよう、ロゴと背景のコ

ントラストは必須となりますので、ご注意ください。

Color Chart���% ��% ��% ��% ��% ��% ��% ��% ��% ��% �%

���% ��% ��% ��% ��% ��% ��% ��% ��% ��% �%

05GMO Sign Brand Guidelines

Page 6: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

ロゴ周りの余白

ロゴの表示は独立性、識別性をもっておこなうことが重

要です。ロゴを効果的に機能させ、正しく認識させるた

めには他の要素との配置を十分に考慮した一定のスペ

ースを設けることが必要です。

ここで指定しているスペースは最低限の設定です。

実施の際にはできる限り基準以上のスペースを取るよう

心がけてください。

Isolated Area

A

�.�A

�.�A �.�A

�.�A

A

�.�A

�.�A

�.�A

�.�A

06GMO Sign Brand Guidelines

Page 7: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

ロゴの最小サイズ

視認性を高めるためにも、ここで指定する最小使用サイ

ズよりも小さく使用することはできません。

Minimum Size

��mm(��px) ��mm(��px)

07GMO Sign Brand Guidelines

Page 8: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

表示色と背景の関係

コントラストの得られない背景や繁雑な背景には表示

しないでください。右記の例を参 考にして常に明瞭に

表示してください。表示色と背景色の関係は、紙質やイ

ンク濃度の違いなどによって異なりますので、表示例は

目安としてください。

ネガティブ表示においては、ブルー以外の特定色を印

象づける画像の場合、コントラストが 確 保されていて

も、その背景上に表示できません。ただし、主催者側の

ルールに則る必要がある場合については、それに限りま

せん。

Logo Colors Within Backgroud

※ ネガティブ表示においては、ブルー以外の特定色を印象づける背景の場合、コントラストが確保されていてもNG

※ ※

08GMO Sign Brand Guidelines

Page 9: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

禁則

右図に示したような使用例は禁止使用事例となります。

ロゴの識別性が損なわれると同時に、見る人に誤った

イメージを伝えてしまうため、絶対におこなわないでく

ださい。

Logo Misuse

繁雑な写真の上にロゴを配置しないでください。

指定色以外の色を使用しないでください。文字間を変更しないでください。 他のデザイン要素を組み合わせないでください。

同色のフチを付けて太らせないでください。ロゴを繰り返し使用しないでください。(バックパネルでの使用を除く)

角度を変えて配置しないでください。指定色の濃度を変えないでください。

アウトライン化して使用しないでください。 グラデーションで表示しないでください。書体を変えて使用しないでください。 三次元にしないでください。

GMOサイン電子印鑑なら

アイソレーションの基準を満たさない配置はしないでください。

ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のロゴの表示は独立性、識別性ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表

アウトラインを付けないでください。ロゴ一部のようにモチーフと組み合わせないでください

コントラストが不十分となるような背景にロゴを配置しないでください。

変形(長体・平体・斜体)しないでください。 タグラインを外さないでください。ロゴのサイズや配置を変更しないでください。効果を付けないでください。

ロゴに影やグラデーションなどの効果を付けないでください。

09GMO Sign Brand Guidelines

Page 10: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

Motif

モチーフに込められた祈り

モチーフ

「電子印鑑GMOサイン」にはデザイン装飾として使用

できるモチーフがあります。

デザインにおいて「注目させる」「演出する」「強調す

る」「情報整理」といった目的での使用が可能です。

「電子印鑑GMOサイン」のサービスやブランドを表す

シンボルマークとしては原則使用できません。

人と人のつながりを表す「握手」や最高位の水引結びで

ある「あわじ結び」を連想させるモチーフは、私たちが

ご提供する「確かなサイン」で、一度結ばれた信頼がほ

どけぬようにと祈りが込められています。お客さまと、

その先の契約相手の方はもちろんのこと、私たちもお

客さまと正面からつながり、よりよい社会をつくるお手

伝いをしたいと考えています。デザインのとしての装飾として使用できます ロゴの一部のように配置することは禁止です

使用例

Innovativeグリーン(��)HEX #��bfd�RGB R��/G���/B���CMYK C��/M�/Y��/K�PANTONE ���-�� CDIC ����s

GMOブルーHEX #���bacRGB R�/G��/B���CMYK C���/M��/Y�/K�PANTONE ����DIC ���

10GMO Sign Brand Guidelines

Page 11: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

Faviconファビコン

「電子印鑑GMOサイン」のファビコンは、Webサイト

のシンボルとしてのみご利用いただけます。

ファビコンはブラウザのタブやブックマーク、検索結果

ページ、またスマートフォンではショートカットとして表

示されます。

上記以外では原則使用できません。

表示例

ファビコンは、ブラウザ表示用と、iOS用、Andoroid用の�種類を用意しています。

GMOブルーHEX #���bacRGB R�/G��/B���

ブラウザのタブ(PC) ショートカット(iOS) ショートカット(Andoroid)検索結果(PC) 検索結果(スマートフォン)

11GMO Sign Brand Guidelines

Page 12: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

GMOサインの誠実性・信頼性を表現するGMOブルーと

革新性・先進性を表現するInnovativeグリーンを定義

しました。

Color : Primary/Secondaryプライマリカラー/セカンダリカラー

InnovativeグリーンHEX #�aafc�RGB R��/G���/B���CMYK C��/M�/Y��/K�PANTONE ���-�DIC ���

Secondary Color

GMOブルーHEX #���bacRGB R�/G��/B���CMYK C���/M��/Y�/K�PANTONE ����DIC ���

Primary Color

12GMO Sign Brand Guidelines

Page 13: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

10

RGB 229/238/247

CMYK10/6/0/0

10

RGB 235/247/249

CMYK8/0/3/0

20

RGB 204/222/238

CMYK20/12/0/0

20

RGB 216/239/243

CMYK16/0/5/0

30

RGB 178/205/230

CMYK30/18/0/0

30

RGB 196/231/237

CMYK25/0/7/0

40

RGB 153/189/222

CMYK40/24/0/0

40

RGB 176/223/232

CMYK33/0/10/0

50

RGB 127/173/213

CMYK50/30/0/0

50

RGB 156/215/226

CMYK41/0/13/0

60

RGB 102/157/205

CMYK60/36/0/0

60

RGB 137/207/220

CMYK49/0/15/0

70

RGB 76/140/197

CMYK70/42/0/0

70

RGB 117/199/214

CMYK58/0/18/0

80

RGB 51/124/189

CMYK80/48/0/0

80

RGB 97/191/209

CMYK66/0/20/0

90

RGB 25/107/180

CMYK90/54/0/0

90

RGB 77/183/203

CMYK74/0/23/0

100

RGB 0/91/172

CMYK100/60/0/0

100

RGB 58/175/197

CMYK82/0/25/0

Gray�

HEX #f�f�f�RGB R���/G���/B���CMYK C�/M�/Y�/K�

Gray�

HEX #cdcdcdRGB R���/G���/B���CMYK C�/M�/Y�/K��

Gray�

HEX #�d�d�dRGB R���/G���/B���CMYK C�/M�/Y�/K��

Gray�

HEX #������RGB R��/G��/B��CMYK C�/M�/Y�/K��

Gray tone

イエロー

HEX #f�e���RGB R���/G���/B���CMYK C�/M�/Y��/K�

ホワイト

HEX #ffffffRGB R���/G���/B���CMYK C�/M�/Y�/K�

レッド

HEX #d����bRGB R���/G��/B��CMYK C�/M��/Y��/K�

ネイビー

HEX #���d��RGB R��/G��/B��CMYK C��/M��/Y�/K��

Extended Color�色のExtendedカラー(拡張色)を用いてコンテンツ

に深みと幅を持たせます。

また、プライマリ/セカンダリの明度を下げた��段階の

色も背景やアクセントとして使用可能です。

Color : Extended拡張色

13GMO Sign Brand Guidelines

Page 14: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

プライマリとセカンダリは目立たせたい箇所に、ネイビ

ーは本文に用います。

少し締まった印象を持たせたい時にはネイビーを見出

しの色として使用しても問題ありません。

レッドは大事 なお 知らせや強 調したい内容に用いま

す。

イエローはテキストのハイライトや、プライマリ・セカ

ンダリ・ネイビーなど濃い背景時に強調したい内容で

使用することができます。

Use of Color : Text

プライマリカラーセカンダリカラー

ネイビー(印刷物の場合はグレー�を使用)

ここにテキストが入ります。この文章はアテになります。ここにテキストが入ります。この文章はアテになります。ここにテキス

トが入ります。この文章はアテになります。

※注釈等 グレー�

重要事項等:レッド

ここにテキストが入ります。この文章はアテになります。ここにテキストが入ります。この文章はアテになります。

テキストでのカラー使用例

背景:プライマリ

テキスト:白 強調したい時:イエロー

背景:セカンダリ

テキスト:白 強調したい時:イエロー

背景:プライマリ ��%

テキスト:ネイビー

背景:セカンダリ ��%

テキスト:ネイビー

14GMO Sign Brand Guidelines

Page 15: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

アイコン・イラストの線は背景に応じて�種類使用して

ください。

- 背景白(もしくは白に近い薄い色)

プライマリ

- 背景プライマリ/セカンダリ

ネイビー

アイコンの色はどちらの背景の場合でもセカンダリ��

を使用してください。

Use of Color : Illustration / iconイラストやアイコンでのカラー使用例

15GMO Sign Brand Guidelines

Page 16: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

和文:推薦書体�� ヒラギノ角ゴ

現代的でありながらもオーソドックスな印象を与える書

体です。

Webサイトから紙媒体まで幅広く利用できるよう、�つ

のウェイトを推薦書体として例示しました。そのうちの

「W�」と「W�」を基本書体と定めています。

Typography

ヒラギノ角ゴ W4

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

ヒラギノ角ゴ W5

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

ヒラギノ角ゴ W6

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

ヒラギノ角ゴ W7

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

ヒラギノ角ゴ W8

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

ヒラギノ角ゴ W3

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

書体

16GMO Sign Brand Guidelines

Page 17: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

和文:推薦書体�� Noto Sans(源ノ角ゴシック)

Adobe が Google と共同で開発した、オープンソース

フォント。ヒラギノが利用できない場合にご活用くださ

い。

�つのウェイトを推奨書体として例示しました。そのうち

の「Regular」と「Bold」を基本書体と定めています。

Noto Sans JP DemiLight

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

Noto Sans JP Regular

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

Noto Sans JP Medium

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

Noto Sans JP Bold

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

Noto Sans JP Black

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

Noto Sans JP Light

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

17GMO Sign Brand Guidelines

Page 18: GMOサイン Brand GuidelinesCMYK C /M /Y /K PANTONE DIC GMO Sign Brand Guidelines 10 Favicon ファビコン 「電子印鑑GMOサイン」のファビコンは、Webサイト のシンボルとしてのみご利用いただけます。

DIN Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz & .,

1234567890

DIN Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz & .,

1234567890

DIN Demi

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz & .,

1234567890

DIN Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz & .,

1234567890

秀英にじみ丸ゴ B

情に棹させば流される。智に働けば角が立つ。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。ABCDEFGHIJKL abcdefghijkl & ., 1234567890

欧文・数字:推薦書体 DIN

直線的でスマートなDINは、視認性が高くコンパクトに

まとまります。

「強調」「価格表示」等に利用する書体として例示して

います。

ウェイトは、同時に使用する和文の推薦書体に合わせ

て選択してください。

和文:推薦書体�� 秀英にじみ丸ゴ

丸ゴシックのやさしさと、にじみ加工による風合いが、

手書きのような雰囲気を演出します。

「イラスト」や「図版」に添える見出し用書体として例

示しています。

コストを大幅に削減

秀英にじみ丸ゴ

ヒラギノ角ゴ DIN年間

約80%のコスト削減!

18GMO Sign Brand Guidelines