Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
2021.05.28
GMOサインBrandGuidelines
Logoロゴのバリエーション
タグラインを外したロゴの使用について
横組み
縦組み
ロゴやブランドカラーなどが発 信する視覚的イメージ
は、ブランド構築においては重要な要素です。
「電子印鑑GMOサイン」ロゴには、構成する諸要素の
サイズや位置・スペースの関係に応じて、一定の基準が
具体的に設定されています。原則、デジタルデータを使
用し、比率や位置関係、色の組み合わせの編集もでき
ません。
常にオリジナルのロゴファイルの中のものを使用し、変
形、加工、改変を加えないでください。
タグラインである「電子印鑑なら」を外したロゴの使
用は原則認められません。ただし、許可申請にて承認
が得られた場合のみ使用可能です。
タグラインを外したロゴ使用したい場合は、クリエイ
ティブGまでご連絡をお願いいたします。
02GMO Sign Brand Guidelines
ロゴの色
カラー
ロゴカラーコード
これらのロゴカラーはブランドを象徴する色として定め
られ、さまざまなコミュニケーション場面で意図的に使
用することにより、ブランド独自のカラーイメージを形
成します。
「電子印鑑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
カラー(モノトーン)
モノクロ印刷
掲載先がモノクロ印刷に限定される場合に限り、モノク
ロのポジティブ表示の使用が認められています。ただ
し、主催者側のルールに則る必要がある場合について
は、それに限りません。
※ モノクロ印刷のみ使用可能※ モノクロ印刷のみ使用可能
04GMO Sign Brand Guidelines
カラーチャート
カラー チャートは 、背 景 色 の 濃 度 による「 電子 印 鑑
GMOサイン」ロゴの表示方法(ポジティブ表示・ネガテ
ィブ表示)を示したガイドラインです。
背景色によっては、ロゴの見え方に影響が生じ、イメー
ジが正確に伝達されにくくなりますので、カラーチャー
トを参考にし、状況に応じたロゴを使用してください。
なお、視認性、判読性が保たれるよう、ロゴと背景のコ
ントラストは必須となりますので、ご注意ください。
Color Chart���% ��% ��% ��% ��% ��% ��% ��% ��% ��% �%
���% ��% ��% ��% ��% ��% ��% ��% ��% ��% �%
05GMO Sign Brand Guidelines
ロゴ周りの余白
ロゴの表示は独立性、識別性をもっておこなうことが重
要です。ロゴを効果的に機能させ、正しく認識させるた
めには他の要素との配置を十分に考慮した一定のスペ
ースを設けることが必要です。
ここで指定しているスペースは最低限の設定です。
実施の際にはできる限り基準以上のスペースを取るよう
心がけてください。
Isolated Area
A
�.�A
�.�A �.�A
�.�A
A
�.�A
�.�A
�.�A
�.�A
06GMO Sign Brand Guidelines
ロゴの最小サイズ
視認性を高めるためにも、ここで指定する最小使用サイ
ズよりも小さく使用することはできません。
Minimum Size
��mm(��px) ��mm(��px)
07GMO Sign Brand Guidelines
表示色と背景の関係
コントラストの得られない背景や繁雑な背景には表示
しないでください。右記の例を参 考にして常に明瞭に
表示してください。表示色と背景色の関係は、紙質やイ
ンク濃度の違いなどによって異なりますので、表示例は
目安としてください。
ネガティブ表示においては、ブルー以外の特定色を印
象づける画像の場合、コントラストが 確 保されていて
も、その背景上に表示できません。ただし、主催者側の
ルールに則る必要がある場合については、それに限りま
せん。
Logo Colors Within Backgroud
※ ネガティブ表示においては、ブルー以外の特定色を印象づける背景の場合、コントラストが確保されていてもNG
※ ※
08GMO Sign Brand Guidelines
禁則
右図に示したような使用例は禁止使用事例となります。
ロゴの識別性が損なわれると同時に、見る人に誤った
イメージを伝えてしまうため、絶対におこなわないでく
ださい。
Logo Misuse
繁雑な写真の上にロゴを配置しないでください。
指定色以外の色を使用しないでください。文字間を変更しないでください。 他のデザイン要素を組み合わせないでください。
同色のフチを付けて太らせないでください。ロゴを繰り返し使用しないでください。(バックパネルでの使用を除く)
角度を変えて配置しないでください。指定色の濃度を変えないでください。
アウトライン化して使用しないでください。 グラデーションで表示しないでください。書体を変えて使用しないでください。 三次元にしないでください。
GMOサイン電子印鑑なら
アイソレーションの基準を満たさない配置はしないでください。
ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のロゴの表示は独立性、識別性ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。をもっておこなうことが重要です。そのため、表示する際には、その周辺に一定のアイソレーションを設け、この領域内には他のデザイン要素や文字などは表示してはいけません。ロゴの表示は独立性、識別性をもっておこなうことが重要です。そのため、表
アウトラインを付けないでください。ロゴ一部のようにモチーフと組み合わせないでください
コントラストが不十分となるような背景にロゴを配置しないでください。
変形(長体・平体・斜体)しないでください。 タグラインを外さないでください。ロゴのサイズや配置を変更しないでください。効果を付けないでください。
ロゴに影やグラデーションなどの効果を付けないでください。
09GMO Sign Brand Guidelines
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
Faviconファビコン
「電子印鑑GMOサイン」のファビコンは、Webサイト
のシンボルとしてのみご利用いただけます。
ファビコンはブラウザのタブやブックマーク、検索結果
ページ、またスマートフォンではショートカットとして表
示されます。
上記以外では原則使用できません。
表示例
ファビコンは、ブラウザ表示用と、iOS用、Andoroid用の�種類を用意しています。
GMOブルーHEX #���bacRGB R�/G��/B���
ブラウザのタブ(PC) ショートカット(iOS) ショートカット(Andoroid)検索結果(PC) 検索結果(スマートフォン)
11GMO Sign Brand Guidelines
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
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
プライマリとセカンダリは目立たせたい箇所に、ネイビ
ーは本文に用います。
少し締まった印象を持たせたい時にはネイビーを見出
しの色として使用しても問題ありません。
レッドは大事 なお 知らせや強 調したい内容に用いま
す。
イエローはテキストのハイライトや、プライマリ・セカ
ンダリ・ネイビーなど濃い背景時に強調したい内容で
使用することができます。
Use of Color : Text
プライマリカラーセカンダリカラー
ネイビー(印刷物の場合はグレー�を使用)
ここにテキストが入ります。この文章はアテになります。ここにテキストが入ります。この文章はアテになります。ここにテキス
トが入ります。この文章はアテになります。
※注釈等 グレー�
重要事項等:レッド
ここにテキストが入ります。この文章はアテになります。ここにテキストが入ります。この文章はアテになります。
テキストでのカラー使用例
背景:プライマリ
テキスト:白 強調したい時:イエロー
背景:セカンダリ
テキスト:白 強調したい時:イエロー
背景:プライマリ ��%
テキスト:ネイビー
背景:セカンダリ ��%
テキスト:ネイビー
14GMO Sign Brand Guidelines
アイコン・イラストの線は背景に応じて�種類使用して
ください。
- 背景白(もしくは白に近い薄い色)
プライマリ
- 背景プライマリ/セカンダリ
ネイビー
アイコンの色はどちらの背景の場合でもセカンダリ��
を使用してください。
Use of Color : Illustration / iconイラストやアイコンでのカラー使用例
15GMO Sign Brand Guidelines
和文:推薦書体�� ヒラギノ角ゴ
現代的でありながらもオーソドックスな印象を与える書
体です。
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
和文:推薦書体�� 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
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