このドキュメントでは、Google Classroom の名称、ロゴ、アイコンの使用方法について説明します。ご不明な点がございましたら、一般的な Google ブランドの使用許可をご覧ください。
アイコンの使用に関するガイドライン
Classroom と統合する場合は必ず Classroom アイコンを使用します（Google ロゴではなく）Google Classroom アイコンが完全にはっきりと表示されるようにしてください。このアイコンは、「Google Classroom」というテキストの有無にかかわらず使用できます。Classroom アイコンを他のロゴと一緒に使用する場合は、読みやすくなるように各ロゴの間隔が適切であることを確認してください。
サイズ
Classroom アイコンには、32 ～ 96 ピクセルなど、さまざまなサイズが用意されています。アイコンは、さまざまなデバイスや画面サイズに合わせて拡大縮小できます。ただし、ロゴが引き伸ばされないよう、アスペクト比を維持する必要があります。
Square ロゴ
丸いロゴ
Classroom の説明を生成
Classroom アイコンを使用する場合は、完全な名前の「Google Classroom」または短縮形の「Classroom」のいずれかを含めることができます。
ボタンの例:
パディングの例:
Classroom のクラスについて説明するときは、次のいずれかのフレーズを使用します（「classes」は大文字で表記されません）。
- Google Classroom のクラス（例: 「Google Classroom のクラスから選択」）
- Classroom のクラス（例: 「Classroom のクラスから選択」）
- Google Classroom から招待
- Google Classroom で共有
- Google Classroom で共有
次のようなフレーズは使用しないでください。
- Google Classroom
- Google のクラス
- Google クラス
- Google クラス
- Google Classroom を招待
独自のプロダクトまたはアプリケーションの説明
お客様のプロダクトが Google Classroom に対応している場合は、Google Classroom について「for」、「for use with」、または「compatible with」というテキストを使用して言及してください。また、Google の商標には TM 記号を必ず含めてください。例: 「for Google ClassroomTM」
Google 商標への言及を独自のロゴと組み合わせる場合は、言及するテキストのサイズをロゴよりも小さくしてください。
スクリーンショットの使用
説明や情報提供を目的として、Google サービスの標準のスクリーンショットを改変せずに使用することができます。詳しくは、一般的な Google ブランド使用許可をご覧ください。
適切な権利帰属の表示
Google のマークをアプリのタイトルや説明で使用する場合は、必ず Google に適切な帰属を表示してください。例: Google Classroom は Google Inc. の商標です。この商標の使用には Google ブランドの使用許諾が適用されます。
Font
TrueType フォントの Roboto Bold を使用します。
インストールするには、Roboto フォントをダウンロードし、ダウンロード バンドルを解凍します。
- Mac の場合は、Roboto-Bold.ttf をダブルクリックして [フォントのインストール] をクリックします。
- 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 アイコンを Google Classroom を表すために使用しないでください。
- ボタン用に独自のアイコンを作成しないでください。
- Google Classroom アイコンのないボタンでは、「Google」という用語を単独で使用しないでください。
- Google Classroom のボタンの不適切なデザインの例:
色付きの Google ロゴをボタンに使用しないでください。Google Classroom アイコンは 必ずボタンの左側に配置してくださいボタンのフォントは変更しないでください。