05 / Do & Don't

使用可否
Do & Don't

ロゴの一貫性を保つための、正しい使い方と禁止事項。迷ったときはこのページを基準にしてください。

01
Summary

Do & Don't

推奨

  • 横組みを基本(最優先)として使用する
  • 提供されたアセット(SVG)をそのまま使う
  • 十分なクリアスペース(推奨 1H)を確保する
  • 背景の明暗に応じて通常版/反転版を選ぶ
  • 中央の余白を常に保つ

禁止

  • 変形・縦横比の変更
  • 回転・傾け
  • 彩色(カラー化・グラデーション)
  • 中央の余白を埋める/変える
  • 影・装飾の付与
  • 柄・低コントラスト背景での使用
02
Misuse

禁止事項(ビジュアル例)

いずれもブランドの一貫性を損ないます。以下のような加工・配置は行わないでください。

縦横比を変える・引き伸ばす
回転・傾ける
彩色する・グラデーションをかける
中央の余白を埋める・変える
影・装飾を付ける
柄・低コントラスト背景に置く
03
Which variation

バリエーションの選び方

アセット用途備考
横組み
horizontal
基本/最優先。あらゆる場面の第一選択。-white は暗い背景用
縦組み
vertical
縦長スペース、シンボル上・ワードマーク下の構成。-white は暗い背景用
シンボル
symbol
アイコン、ファビコン、最小スペース。単体で完結する場面のみ
04
Typography

タイポグラフィ

ロゴタイプは Avenir をベースに、カーニングとウェイトを独自調整しアウトライン化しています(フォント再現は不要)。

書体システム

Logotype cotozu
欧文 Avenir / Avenir Next
和文 Zen Kaku Gothic New
Web 代替(欧文) Montserrat / Nunito Sans
Web 代替(和文) Noto Sans JP

運用メモ

ロゴタイプはアウトライン化データで運用するため、Avenir のフォントデータは含まれません。 補助書体として本文・見出しに Avenir / Avenir Next を使用します。

ライセンス:Avenir は有料フォントですが、ライセンスがあれば商用利用可能です。Avenir / Avenir Next は Adobe Fonts(Creative Cloud)に含まれ、契約中はロゴ・商用にも使用できます。
05
Prohibited

禁止事項(一覧)

変形・縦横比変更 回転・傾け 彩色 中央の余白を埋める・変える 影・装飾の付与 柄・低コントラスト背景
Next · 06

イメージ・ビジュアル →

写真・図版・アイコンのトーン。