メディアキット

Qiita、Qiita Team など、Qiita株式会社が提供するサービス(以下「弊社サービス」)のロゴ等をまとめたメディアキットをダウンロードしてご利用いただけます。

目的

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

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

Qiita

Color

色はブラックの場合、HEXは#3D4040、RGBは61, 64, 64、CMYKは78% 70% 68% 32%、PANTONEはBlack 7 Cを使用してください。グリーンの場合、HEXは#55C500、RGBは85, 197, 0、CMYKは65% 0% 100% 0%、PANTONEは368 Cを使用してください。

アイソレーション

「Q」の横幅をA、高さをBとして上下に1/2B・左右に1/2Aのアイソレーション(不可侵領域)を設けてください。

最小サイズ

印刷物では縦4.5mm、デジタルでは縦16pxが最小サイズです。

フォント

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

魅せる文字

欧文はCodec Cole、和文はUD 新ゴを使用してください。

読ませる文字

欧文はGibson、和文はヒラギノ角ゴシックを使用してください。

禁止例

斜めに配置、変形、文中利用、縁取り、重ね配置、ロゴの視認性を損なう背景上の配置、影をつけての使用を禁止しています。

テキスト表記

⭕️GOOD

  • Qiita

❌NG

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

Qiita サービス

Color

Qiita TeamはHEXは#4097DB、RGBは64, 151, 219、CMYKは72% 33% 2% 0%、PANTONEは279 Cを使用してください。 Qiita Zine、Qiita Blog、Qiita ヘルプ、Qiita DeveloperはHEXは#3D4040、RGBは61, 64, 64、CMYKは78% 70% 68% 32%、PANTONEはBlack 7 Cを使用してください。

アイソレーション

「Q」の横幅をA、高さをBとして上下に1/2B・左右に1/2Aのアイソレーション(不可侵領域)を設けてください。

 最小サイズ

印刷物では「Q」の部分が縦4.5mm、デジタルでは「Q」の部分が縦16pxが最小サイズです。

フォント

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

魅せる文字

欧文はCodec Cole、和文はUD 新ゴを使用してください。

読ませる文字

欧文はGibson、和文はヒラギノ角ゴシックを使用してください。

禁止例

斜めに配置、変形、文中利用、縁取り、重ね配置、ロゴの視認性を損なう背景上の配置、影をつけての使用を禁止しています。

テキスト表記

⭕️GOOD

  • Qiita Team
  • Qiita Zine
  • Qiita Blog
  • Qiita ヘルプ
  • Qiita Developer

❌NG

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

アイコン

  • Qiitaのアイコンは、Qiitaを表現する時はグリーン、Qiita Teamを表現する時はブルーです。背景色の上で視認性を確保できないなど、プライマリーカラーが使えない場合にのみ白にすることができます。その際、背景色とのコントラスト比が4.5:1以上になるようにしてください。

Color

色はグリーンの場合、HEXは#55C500、RGBは85, 197, 0、CMYKは65% 0% 100% 0%、PANTONEは368 Cを使用してください。ブルーの場合、HEXは#4097DB、RGBは64, 151, 219、CMYKは72% 33% 2% 0%、PANTONEは279 Cを使用してください。ホワイトの場合、HEXは#FFFFFF, RGBは255, 255, 255、CMYKは0% 0% 0% 0%、PANTONEはWhite 000 Cを使用してください。

アイソレーション

アイコンの横幅をA、高さをBとして上下に1/2B・左右に1/2Aのアイソレーション(不可侵領域)を設けてください。

最小サイズ

印刷物では縦4.5mm、デジタルでは縦16pxが最小サイズです。

コントラスト比

アイコンと背景色とのコントラスト比が4.5:1以上になるようにしてください。

禁止例

斜めに配置、変形、縁取り、重ね配置、アイコンの視認性を損なう背景上の配置、影をつけての使用を禁止しています。

ダウンロード

Qiita

Qiita Team

アイコン

疑問が解決しなかったら……

この記事や関連記事をご確認いただいても解決しなかった場合、サポートフォームよりリクエストを送信ください。