Pedoman Branding Google Classroom

Dokumen ini berisi penjelasan mengenai cara menggunakan nama, logo, dan ikon Google Classroom. Jika ada pertanyaan lain, lihat izin merek Google yang lebih umum.

Pedoman penggunaan ikon

Saat Anda berintegrasi dengan Classroom, selalu gunakan ikon Classroom (bukan logo Google.) Pastikan ikon Google Classroom terlihat lengkap dan jelas. Anda dapat menggunakan ikon dengan atau tanpa teks yang menyertainya "Google Classroom". Jika Anda menggunakan ikon Kelas bersama dengan logo lainnya, pastikan setiap ikon memiliki jarak yang tepat agar mudah dibaca.

Ukuran

Ikon Classroom tersedia dalam berbagai ukuran, dari 32 hingga 96 piksel. Anda dapat menskalakan ikon untuk berbagai perangkat dan ukuran layar, tetapi harus mempertahankan rasio aspek agar logo tidak direntangkan.

Logo Classroom persegi

Download logo persegi

Logo Round Classroom

Download logo bulat

Mendeskripsikan Classroom

Saat menggunakan ikon Classroom, Anda dapat menyertakan nama lengkap "Google Classroom" atau versi singkat "Classroom".

Contoh tombol:

Contoh tombol

Contoh padding:

Contoh Padding

Saat membahas kelas Classroom, gunakan salah satu frasa berikut (perhatikan bahwa "kelas" tidak menggunakan huruf kapital):

  • Kelas Google Classroom (contoh: "Pilih dari kelas Google Classroom Anda")
  • Kelas Classroom (contoh: "Pilih dari kelas Classroom Anda")
  • Undang melalui Google Classroom
  • Bagikan dengan Google Classroom
  • Bagikan ke Google Classroom

Jangan gunakan frasa berikut:

  • Google Classroom
  • Kelas Google
  • Kelas Google
  • Kelas Google
  • Undang Google Classroom

Mendeskripsikan produk atau aplikasi Anda sendiri

Jika produk Anda kompatibel dengan Google Classroom, buat referensi ke Google Classroom dengan menggunakan teks "for", "untuk digunakan dengan", atau "kompatibel dengan", dan pastikan untuk menyertakan simbol TM dengan merek dagang Google. Contoh: "untuk Google ClassroomTM"

Contoh logo

Jika Anda membuat referensi ke merek dagang Google bersamaan dengan logo, ukuran teks referensi harus lebih kecil daripada logo Anda.

Contoh logo

Menggunakan screenshot

Untuk tujuan ilustrasi atau informatif, Anda dapat menggunakan screenshot layanan Google standar yang tidak diubah. Untuk detail lebih lanjut, lihat Izin Merek Google umum.

Memberikan atribusi yang tepat

Berikan atribusi yang tepat kepada Google untuk setiap penggunaan mereknya dalam judul aplikasi atau dalam deskripsi Anda. Contoh: Google Classroom adalah merek dagang dari Google Inc. Penggunaan merek dagang ini tunduk pada Izin Merek Google.

Font

Gunakan Roboto Bold, font TrueType.

Untuk menginstalnya, download font Roboto dan ekstrak paket download.

  • Di Mac, klik dua kali Roboto-Bold.ttf, lalu klik "Install Font".
  • Di Windows, tarik file ke "My Computer" > "Windows" > folder "Fonts".

Warna

Contoh warna dan ikon

  • Ikon klasik
    • Warna hijau ikon Google Classroom adalah #25A667
    • Warna kuning pada ikon Google Classroom adalah #F6BB18
    • Warna putih ikon Google Classroom adalah #FFFFFF
    • Warna sekunder hijau orang kiri dan kanan di ikon Google Classroom adalah #57BB8A
  • Ikon gelap
    • Warna hitam ikon Google Classroom adalah #000000
    • Warna putih ikon Google Classroom adalah #FFFFFF
    • Warna sekunder abu-abu orang kiri dan kanan di ikon Google Classroom adalah #57BB8A
  • Ikon terang
    • Warna hijau ikon Google Classroom adalah #25A667
    • Warna kuning pada ikon Google Classroom adalah #F6BB18
    • Warna sekunder hijau orang kiri dan kanan di ikon Google Classroom adalah #57BB8A

Status pengarahan kursor

Saat mengarahkan kursor, ikon akan diarsir dengan 20% warna hitam.

Contoh status pengarahan kursor

Desain logo yang salah

  • Jangan menggunakan warna selain warna yang ditentukan untuk ikon.
  • Jangan gunakan ikon Google untuk merepresentasikan Google Classroom.
  • Jangan membuat ikon Anda sendiri untuk tombol tersebut.
  • Jangan menggunakan istilah "Google" itu sendiri di tombol tanpa ikon Google Classroom.
  • Contoh desain tombol Google Classroom yang salah:

Contoh penggunaan yang salah

Jangan pernah menggunakan logo Google yang berwarna di tombol. Selalu sertakan ikon Google Classroom di sebelah kiri tombol. Jangan mengubah {i>font <i}tombol.