スマレジのロゴとロゴガイドライン
はじめに
スマレジのロゴ
スマレジのロゴには、ホリゾンタルタイプ(横長の長方形)とスクエアタイプ(正方形)の2タイプがあります。
Horizontal Type
Square Type
- #FFF
-
- CMYK C:0 M:0 Y:0 K:0
- RGB R:255 G:255 B:255
- HEX #FFFFFF
- #000
-
- CMYK C:0 M:0 Y:0 K:100
- RGB R:0 G:0 B:0
- HEX #000000
16進数コードをコピーする
ロゴの種類と使い方
スマレジのロゴのカラー表示は、下記に示した規定の範囲内での表現が可能です。
使用する目的や効果、材質などを考慮し、ロゴの識別性を保つようにしてください。
![ブラックロゴ](/shared/img/design/logo/color-black.webp)
ブラックロゴ
スマレジのロゴにおける主要色です。最も頻繁に使用されます。
スマレジ文字部分は透過ではありません。
![ホワイトロゴ](/shared/img/design/logo/color-white1.webp)
![ホワイトロゴ](/shared/img/design/logo/color-white2.webp)
ホワイトロゴ
背景が薄い色の場合、スマレジ文字部分が黒いホワイトロゴが使用できます。背景が濃い色の場合は、スマレジ文字部分が透過したホワイトロゴも使用できます。
背景によるロゴの使用例
色のついた背景や背景画像の上にスマレジロゴを重ねることは可能です。背景色との兼ね合いでブラックロゴの視認性が低い場合は、ホワイトロゴを使用するようにしてください。ブラックロゴは、例外として黒の背景色にも使用することができます。
スマレジのロゴに陰影、模様、装飾を使用することはできません。
![ブラックロゴの使用例](/shared/img/design/logo/color-example1.webp)
![ホワイトロゴの使用例](/shared/img/design/logo/color-example2.webp)
![ブラックロゴの使用例](/shared/img/design/logo/color-example3.webp)
![ホワイトロゴの使用例](/shared/img/design/logo/color-example4.webp)
アイソレーション(余白の定義)と最小サイズ
スマレジでは、ロゴの視認性を確保するために、他の表示要素との間に十分な間隔を設けるアイソレーションを規定しています。
下記基準は、最小の間隔(余白)を示したもので、ロゴの表示の大小に関わらず適用されます。原則として、アイソレーションゾーンの範囲内に、文字や図形を配置することはできません。
また、十分にアイソレーションが確保されている場合であっても、大きさや見え方の強い文字や図形をロゴの周辺に表示することは、極力避けてください。
![ホリゾンタルタイプロゴのアイソレーション](/shared/img/design/logo/isolation-horizontal.webp)
![スクエアタイプロゴのアイソレーション](/shared/img/design/logo/isolation-square.webp)
タグライン、キャッチコピー
アイソレーションが十分に確保されている場合であっても、原則としてその周辺にキャッチフレーズやスローガンなどのタグラインを表示することはできません。
最小サイズ
ロゴの視認性と可読性を確保するため、最小使用サイズ以上で表示してください。
![ロゴの最小サイズ](/shared/img/design/logo/logo-size.webp)
禁止事項
変形
回転
文字間隔の変更
書体の変更
指定色以外の使用
特殊効果を加える
模様を入れる
グラデーションを入れる
要素の一部が欠ける
アウトラインを入れる
デザインの追加
陰影の追加