ロゴのガイドライン
ピクセルグリッドロゴの利用ルール確認とロゴデータのダウンロードができます。
利用目的とリンク先
ロゴは株式会社ピクセルグリッドの紹介時に限り利用できます。この目的以外でピクセルグリッドロゴの利用はできません。また、次のURL以外へのリンクはできません。
PDFとSVG形式(378KB)
余白
ロゴの周りには余白(アイソレーション)が必要です。余白は最低でもロゴの高さの3分の1以上開ける必要があります。
![](/assets/images/logo/spacing/guideline-spacing.png)
最小サイズ
ロゴの可読性を損なうサイズでの利用はできません。ディスプレイに表示する用途では、最小の幅が80px、印刷用途では幅が17mm必要です。
![](/assets/images/logo/minsize/guideline-minsize.png)
ロゴの色
ピクセルグリッドのロゴの色は黒が基本です。やむを得ず背景色に黒を選択した場合に限り、ロゴの色を白にすることができます。
RGB | 0, 0, 0 |
---|---|
HEX | #000 |
CMYK | 0, 0, 0, 100 |
PMS | PANTONE Pro Black EC |
RGB | 255, 255, 255 |
---|---|
HEX | #fff |
CMYK | 0, 0, 0, 0 |
PMS | DIC 583 |
背景
ピクセルグリッドのロゴは白背景に黒文字が基本です。どうしても背景を白にできない場合にのみ黒背景に白文字のロゴが利用可能です。写真の上にロゴをのせることも可能ですが、その時にロゴの可読性が失われないように注意してください。また、強い刺激を緩和する目的であれば、ロゴと背景色のコントラスト比を下げられます。調整範囲に上限は設けていませんが、推奨される背景色の範囲内であることが望ましいです。
推奨される背景色(白背景、または黒背景)
![](/assets/images/logo/bgoflogo/bg-fff-text-black.png)
![](/assets/images/logo/bgoflogo/bg-f8f8f8-text-black.png)
![](/assets/images/logo/bgoflogo/bg-eee-text-black.png)
![](/assets/images/logo/bgoflogo/bg-000-text-white.png)
![](/assets/images/logo/bgoflogo/bg-111-text-white.png)
![](/assets/images/logo/bgoflogo/bg-333-text-white.png)
グレーに見える背景色は推奨されない
![](/assets/images/logo/bgoflogo/bg-aaa-text-black.png)
![](/assets/images/logo/bgoflogo/bg-888-text-black.png)
![](/assets/images/logo/bgoflogo/bg-666-text-black.png)
![](/assets/images/logo/bgoflogo/bg-aaa-text-white.png)
![](/assets/images/logo/bgoflogo/bg-888-text-white.png)
![](/assets/images/logo/bgoflogo/bg-666-text-white.png)
禁止事項
ピクセルグリッドロゴを変形したり加工したりして利用することはできません。また、ひとつのページにピクセルグリッドのロゴを複数配置することもできません。必ず公式サイトからダウンロードしたピクセルグリッドロゴを単体で利用してください。
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example01.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example02.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example03.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example04.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example05.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example06.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example07.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example08.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example09.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example10.png)
![](https://www.pxgrid.com/cdn-cgi/image/format=auto,quality=30/assets/images/logo/example/guideline-example11.png)