Pedoman Branding Google Classroom

Dokumen ini menguraikan cara menggunakan nama, logo, dan ikon Google Classroom. Jika ada pertanyaan tambahan, 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 sepenuhnya dan jelas. Anda dapat menggunakan ikon dengan atau tanpa teks "Google Classroom" yang menyertainya. Jika Anda menggunakan ikon Classroom bersama dengan logo lain, pastikan setiap logo memiliki jarak yang tepat agar mudah dibaca.

Panduan 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 melebar.

Logo Square Classroom

Mendownload logo persegi

Logo Classroom bulat

Mendownload logo bulat

Deskripsikan ikon 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 membicarakan kelas Classroom, gunakan salah satu frasa berikut (perhatikan bahwa "kelas" tidak diawali huruf kapital):

  • Kelas Google Classroom (contoh: "Pilih dari kelas Google Classroom Anda")
  • Kelas Classroom (contoh: "Pilih dari kelas Classroom Anda")
  • Mengundang menggunakan Google Classroom
  • Membagikan dengan Google Classroom
  • Membagikan ke Google Classroom

Jangan gunakan frasa berikut:

  • Google Classroom
  • Kelas Google
  • Kelas Google
  • Google Class
  • Mengundang Google Classroom

Mendeskripsikan kompatibilitas produk Anda sendiri dengan Classroom

Jika produk Anda kompatibel dengan Google Classroom, sebutkan Google Classroom dengan menggunakan teks "untuk", "untuk digunakan dengan", atau "kompatibel dengan", dan pastikan untuk menyertakan simbol ™ dengan merek dagang Google. Contoh: "untuk Google Classroom™"

Contoh logo

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

Contoh logo

Penggunaan screenshot

Untuk tujuan ilustrasi atau informasi, Anda dapat menggunakan screenshot layanan Google yang standar dan tidak diubah. Untuk mengetahui detail selengkapnya, lihat Izin Merek Google umum.

Memberikan atribusi yang tepat

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

Font

Gunakan Roboto Bold, font TrueType.

Untuk menginstal, download font Roboto dan ekstrak paket download.

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

Warna

Contoh warna dan ikon

  • Ikon klasik
    • Warna hijau ikon Google Classroom adalah #25A667.
    • Warna kuning ikon Google Classroom adalah #F6BB18.
    • Warna putih ikon Google Classroom adalah #FFFFFF.
    • Warna sekunder hijau orang di kiri dan kanan 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 di kiri dan kanan ikon Google Classroom adalah #57BB8A.
  • Ikon cahaya
    • Warna hijau ikon Google Classroom adalah #25A667.
    • Warna kuning ikon Google Classroom adalah #F6BB18.
    • Warna sekunder hijau orang di kiri dan kanan ikon Google Classroom adalah #57BB8A.

Status pengarahan kursor

Saat kursor diarahkan ke ikon, ikon harus diarsir dengan warna hitam 20%.

Contoh status pengarahan kursor

Desain logo salah

  • Jangan gunakan warna selain dua 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 berwarna di tombol. Selalu sertakan ikon Google Classroom di sebelah kiri tombol. Jangan mengubah font tombol.