デザインガイドライン

Qiita、Qiita Team、Qiita Jobs など、Increments株式会社が提供するサービス(以下「弊社サービス」)のブランド名やロゴを使用する際のガイドラインについてご説明します。

目的

本ガイドラインは、ロゴ、カラー、フォントなど、Incrementsのブランドアセットを使用する上で重要なルールが記載されています。ガイドラインに適していないデザイン・制作物は、Incrementsブランドを損なうだけでなく、間違ったイメージを与えかねません。ブランドアセットを利用してウェブ/パンフレット/ポスター/POP/その他クリエイティブを作成する際は、このガイドラインを遵守してください。

Incrementsによって許可されていないブランドアセットを使用すること、また許可なしにそれらを作成することは禁止されています。ブランドアセットの利用方法に関して不明点がある場合はIncrementsにお問い合わせください。

Qiita

Color

qiita-brand-color.png

アイソレーション

qiita-brand-isolation.png

 最小サイズ

qiita-brand-minnum.png

フォント

  • Qiitaのグラフィックを使用する際、以下で提示したフォントが用意できる場合は優先して選択してください。
  • 「魅せる文字」は主にタイトルやメインコピーなど、文字を半ばグラフィック要素として扱うような場面で使用します。
  • 「読ませる文字」は主に本文や注釈など、一般的な文字を扱う場面で使用します。

魅せる文字

qiita-brand-font1.png

読ませる文字

qiita-brand-font2.png

禁止例

qiita-brand-ngpatarn.png

テキスト表記

⭕️GOOD

  • Qiita

❌NG

  • QIITA:全て大文字
  • qiita:全て小文字
  • Q:略称
  • きーた: かな表記

Qiita サービス

Color

qiita-service-brand-color1.png qiita-service-brand-color2.png

アイソレーション

qiita-service-brand-isolation.png

 最小サイズ

qiita-service-brand-minnum.png

フォント

  • Qiitaのグラフィックを使用する際、以下で提示したフォントが用意できる場合は優先して選択してください。
  • 「魅せる文字」は主にタイトルやメインコピーなど、文字を半ばグラフィック要素として扱うような場面で使用します。
  • 「読ませる文字」は主に本文や注釈など、一般的な文字を扱う場面で使用します。

魅せる文字

qiita-brand-font1.png

読ませる文字

qiita-brand-font2.png

禁止例

qiita-service-brand-ngpatarn.png

テキスト表記

⭕️GOOD

  • Qiita Team
  • Qiita Jobs
  • Qiita Zine
  • Qiita Blog
  • Qiita Support
  • Qiita Developer

❌NG

  • Qiita TEAM:全て大文字
  • qiita jobs:全て小文字
  • QiitaZine:スペースなし
  • Qiita Support:全角スペース
  • Qiita Dev: 略称
  • きーた ちーむ:かな表記

ダウンロード

Qiita

Qiita Team

Qiita Jobs

お問い合わせ

弊社サービスロゴやブランド名の使用に関するお問い合わせは以下までご連絡ください。

support@qiita.com