Google Classroom のブランドの取り扱いガイドライン

このドキュメントでは、Google Classroom の名称、ロゴ、アイコンの使用方法について概説します。ご不明な点がございましたら、一般的な Google ブランドの使用許可をご覧ください。

アイコンの使用に関するガイドライン

Classroom と統合する際には、（Google ロゴではなく）Classroom アイコンを必ず使用してください。Google Classroom アイコンが完全にはっきりと表示されていることをご確認ください。アイコンには「Google Classroom」というテキストがあっても なくてもかまいませんClassroom アイコンを他のロゴと一緒に使用する場合は、読みやすくするために各ロゴのスペースを適切に配置してください。

サイズ

Classroom アイコンには 32 ～ 96 ピクセルの さまざまなサイズがありますさまざまなデバイスや画面サイズに合わせてアイコンを拡大縮小できますが、ロゴが引き伸ばされないようにアスペクト比を維持する必要があります。

正方形の Classroom ロゴ

正方形のロゴをダウンロード

円形の Classroom ロゴ

円形のロゴをダウンロード

Classroom の説明を表示する

Classroom アイコンを使用する場合は、完全な名前「Google Classroom」または短縮形の「Classroom」を使用できます。

ボタンの例:

ボタンの例

パディングの例:

パディングの例

Classroom のクラスについて説明する際は、次のいずれかのフレーズを使用してください（「クラス」は大文字で表記されていません）。

  • Google Classroom のクラス（例: 「Google Classroom のクラスから選択」）
  • Classroom のクラス（例:「Classroom のクラスから選択」）
  • Google Classroom から招待する
  • Google Classroom で共有
  • Google Classroom で共有

次のフレーズは使用しないでください。

  • Google Classroom
  • Google のクラス
  • Google のクラス
  • Google クラス
  • Google Classroom の招待

自社製品やアプリケーションの説明

お使いのプロダクトが Google Classroom に対応している場合は、「for」、「for use with」、「compatible with」という文言を使用して Google Classroom に言及し、Google 商標には TM 記号を含めてください。例: 「for Google ClassroomTM」

ロゴの例

Google 商標への言及を独自のロゴと組み合わせる場合は、言及するテキストのサイズをロゴよりも小さくしてください。

ロゴの例

スクリーンショットの使用

説明や情報提供を目的として、Google サービスの標準のスクリーンショットを改変せずに使用することができます。詳しくは、一般的な Google ブランド使用許諾をご覧ください。

適切な権利帰属の表示

アプリのタイトルや説明で Google のマークを使用する場合は、Google への適切な帰属表示を行ってください。例: Google Classroom は Google Inc. の商標です。この商標を使用する場合は Google ブランド使用許諾が適用されます。

フォント

TrueType フォントである Roboto Bold を使用します。

インストールするには、Roboto フォントをダウンロードしてダウンロード バンドルを解凍します。

  • Mac の場合は、Roboto-Bold.ttf をダブルクリックして、[Install Font] をクリックします。
  • Windows の場合は、[マイ コンピュータ] > [Windows] > [Fonts] フォルダにファイルをドラッグします。

カラー

色とアイコンの例

  • クラシック アイコン
    • Google Classroom アイコンの緑色は #25A667 です。
    • Google Classroom アイコンの黄色は #F6BB18 です。
    • Google Classroom アイコンの白は #FFFFFF
    • Google Classroom の左右の人物の緑のセカンダリカラーは #57BB8A です
  • 暗いアイコン
    • Google Classroom アイコンの黒い色は #000000 です
    • Google Classroom アイコンの白は #FFFFFF
    • Google Classroom アイコンの左右の人物のグレーのセカンダリ カラーは #57BB8A
  • ライトのアイコン
    • Google Classroom アイコンの緑色は #25A667 です。
    • Google Classroom アイコンの黄色は #F6BB18 です。
    • Google Classroom の左右の人物の緑のセカンダリカラーは #57BB8A です

カーソルを合わせた状態

カーソルを合わせると、アイコンが 20% の黒色で塗りつぶされます。

カーソルを合わせた状態の例

ロゴのデザインが正しくない

  • アイコンに指定された 2 色以外の色は使用しないでください。
  • Google Classroom を表す Google アイコンを使用しないでください。
  • ボタンに独自のアイコンを作成しないでください。
  • Google Classroom アイコンがないボタンに「Google」を単独で使用しないでください。
  • Google Classroom の不適切なデザインのボタンの例:

不適切な使用例

ボタンには色付きの Google ロゴを使用しないでください。ボタンの左に必ず Google Classroom アイコンを 付けてくださいボタンのフォントを変更しないでください。