本文へ移動

言語

08.2 — ロゴ

ロゴとアイコン

Gn8のロゴは4ファミリーあり、各ファミリーを6種類のSVG色版で配布します。アイコンは角丸・正方形それぞれに通常版と余白付きがあり、支給された形状を変えずに使ってください。

セクション 1 — ラインの組み合わせ

ラインの組み合わせ

ラインワードマークは160 × 80px、余白を詰めた統合シンボルは78.125 × 78.125pxです。どちらも線幅は5pxで、見える高さは少し異なります。

セクション 2 — ソリッドの組み合わせ

ソリッドの組み合わせ

ソリッドの2つのマークは、どちらも横幅160pxで表示し、アートボードのスケールを揃えます。このスケールでは、96単位の構成が公称15pxの線幅になります。太字シンボルは160 × 160px、ワードマークは160 × 80pxで、見た目の高さは異なります。文字高と見た目の太さの両方が揃うという意味ではありません。

セクション 3 — アイコン

アプリアイコン

角丸または正方形のタイルを primary、secondary、tertiary の3色から選べます。どちらの形状にも通常版と余白付きがあり、SVG・PNG・ICO形式で配布します。

セクション 4 — 許可される利用

利用上の制約

ライセンス範囲
このページで配布する Gn8 のロゴとアイコンは MIT ライセンスの対象外です。
許可される参照
Gn8 の紹介・参照には、形状や比率を変えずに利用できます。背景に合わせて公式の色版を選んでください。
事前許可
提携や承認を誤認させる利用、自組織または製品を表す利用、図案の改変、商品化には事前の許可が必要です。
連絡先
ロゴ利用の許可について Gn8 に連絡する

セクション 5 — 実装ガイダンス

マークをそのまま保つ

最小サイズ
ワードマーク: 32px 以上 / シンボル: 24px 以上
クリアスペース
すべての方向に、ロゴの高さの 50% 以上の余白を確保します。
背景
明るい背景でも暗い背景でも、primary の紫は変えずに使い、ロゴに近い色の背景を避けてください。無接尾辞のSVGは currentColor を使います。SVGをHTMLへインライン展開するか、background-color: currentColor を指定したCSS maskで使ってください。外部 <img> はページの色を継承しないため、色固定版を選んでください。

事前承認なしには許可されないこと

  • 色、比率、形状の変更
  • 自社ブランドロゴとしての使用
  • 事前許可のない製品またはパッケージへの印刷
  • 提携または公式認定を暗示すること
  • 低品質での拡大または圧縮

4つの公式ロゴファミリーを、無接尾辞の currentColor 版と -black / -white / -primary / -secondary / -tertiary の各SVGで配布します。