このドキュメントでは、Google Classroom の名前、ロゴ、アイコンを使用する方法について概説します。ご不明な点がございましたら、より一般的なGoogle ブランドの使用許可をご参照ください。
アイコンの使用に関するガイドライン
Classroom と統合する場合は、必ず Classroom アイコンを使用します（Google ロゴは使用しないでください）。Google Classroom アイコンがはっきりと映っていることを確認します。このアイコンは、「Google Classroom」というテキストを添えて使用することも、添えずに使用することもできます。Classroom アイコンを他のロゴとともに使用する場合は、読みやすくするために各ロゴの間に適切なスペースを空けてください。
サイズ
Classroom アイコンは、32 ～ 96 ピクセルのさまざまなサイズで使用できます。アイコンは、さまざまなデバイスや画面サイズに合わせて拡大または縮小できますが、ロゴが引き伸ばされないようにアスペクト比を維持する必要があります。
Square ロゴ
丸いロゴ
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 と互換性がある場合は、「対応」、「専用」、「互換」といった語句を使用して Google Classroom に言及し、Google 商標には必ず ™ 記号を付けてください。例: 「for Google Classroom™」
Google 商標への言及を独自のロゴと組み合わせる場合は、言及するテキストのサイズをロゴよりも小さくしてください。
スクリーンショットの使用
説明や情報提供を目的として、Google サービスの標準のスクリーンショットを改変せずに使用することができます。詳しくは、Google ブランドの使用許諾についての一般的なページをご覧ください。
適切な権利帰属の表示
Google の商標をアプリのタイトルや説明で使用していることについて、Google への適切な権利帰属表示（例: Google Classroom は Google Inc. の商標です。この商標の使用には、Google ブランド使用許諾が必要です。
フォント
TrueType フォントである Roboto Bold を使用します。
インストールするには、Roboto フォントをダウンロードし、ダウンロード バンドルを解凍します。
- Mac の場合は、Roboto-Bold.ttf をダブルクリックして、[フォントをインストール] をクリックします。
- Windows の場合は、[マイ コンピュータ] > [Windows] > [フォント] フォルダにファイルをドラッグします。
色
- クラシック アイコン
- 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」という文字を、Google Classroom アイコンのないボタンに単独で表示させることはできません。
- Google Classroom の不適切なボタンデザインの例:
ボタンにカラーの Google ロゴを使用しないでください。ボタンの左側には必ず Google Classroom アイコンを含めます。ボタンのフォントを変更しないでください。