Pedoman Branding Login

Gunakan fitur Login dengan Google dengan cakupan profile atau email dasar dan gabungkan tombol standar berikut di aplikasi seluler atau web:

Gaya Tombol File Gambar
Terang

Termasuk tombol login dalam format PNG, SVG, EPS, dan Sketch, dalam banyak resolusi. Termasuk status dasar, arahkan kursor, dan tekan.

Gelap

File Sketch, SVG, dan EPS disertakan di download agar Anda dapat menerjemahkan teks "Login dengan" atau "Login". File ini memerlukan font Roboto.

Jika Anda meminta cakupan tambahan, lakukan dengan otorisasi inkremental (Android, iOS, web), yang hanya meminta otorisasi pengguna saat pengguna mulai berinteraksi dengan fitur yang memerlukan akses API.

Jika Anda meminta cakupan YouTube, gunakan tombol YouTube.

JIka Anda menggunakan layanan game Google Play, lihat juga pedoman branding layanan game Google Play.

Login dengan Google dan opsi login pihak ketiga lainnya

Keterlihatan yang setara

Tombol Login dengan Google harus ditampilkan setidaknya sama menonjolnya dengan opsi login pihak ketiga lainnya. Misalnya, tombol harus kurang lebih berukuran sama dan memiliki bobot visual yang serupa.

Mencocokkan gaya aplikasi sendiri

Menggunakan tombol standar Login dengan Google sangat dianjurkan karena tombol ini memungkinkan pengguna Google untuk mengidentifikasi opsi Google dengan lebih cepat. Jika Anda perlu menyesuaikan tombol tersebut agar cocok dengan desain aplikasi atau menerjemahkan teks "Login dengan" atau "Login", ikuti pedoman ini.

Ukuran

Anda dapat menskalakan tombol sesuai keperluan untuk ukuran perangkat dan layar yang berbeda, namun Anda harus mempertahankan rasio tinggi lebar agar logo Google tidak dilebarkan.

SMS

Untuk mendorong pengguna mengklik tombol, kami merekomendasikan teks pesan ajakan "Login dengan Google" atau "Daftar dengan Google". Harus jelas bagi pengguna bahwa pengguna login ke aplikasi atau mendaftar aplikasi Anda dengan kredensial Google mereka, bukan mendaftar atau registrasi akun Google di aplikasi Anda.

Teks "Google"

Anda dapat menggunakan kata "Google" itu sendiri di tombol jika tombol disertai dengan teks di dekatnya yang menjelaskan jenis tindakannya. Contoh:

Login dengan:

Warna

Tombol login dengan Google berlatar belakang biru Tombol login dengan Google berlatar belakang putih

Warna untuk tombol terang yang tidak ditekan adalah #FFFFFF (putih). Warna untuk tombol gelap (biru) yang tidak ditekan adalah #4285F4. Latar belakang tombol dapat berwarna biru atau putih, namun tombol harus selalu menyertakan Google "G" berwarna standar pada kotak putih.

Font

Font tombol adalah Roboto Medium, salah satu font TrueType. Untuk menginstal, terlebih dahulu download font Roboto dan unzip paket download. Di Mac, cukup klik dua kali Roboto-Medium.ttf, lalu klik "Install Font". Di Windows, tarik file ke "My Computer" > "Windows" > Folder "Fonts". Jangan gunakan font lain di tombol, kecuali disebutkan untuk situasi terkait Mencocokkan gaya aplikasi Anda sendiri.

Untuk situs yang menggunakan tombol login kustom, Anda dapat memuat font Roboto dari Google Fonts.

Padding

Padding ke kiri (dan kanan) teks harus 8dp. Logo harus 18dp, dan harus ada 24dp antara logo dan teks tombol.

Mengilustrasikan dimensi elemen tombol termasuk padding di sekitar teks

Logo Google di tombol "Login dengan Google"

Apa pun teksnya, Anda tidak dapat mengubah ukuran atau warna logo Google "G" . Logo tersebut harus versi warna standar dan muncul di latar belakang berwarna putih. Jika Anda perlu membuat logo Google dengan ukuran kustom sendiri, mulai dengan salah satu ukuran logo yang disertakan di paket download.

Desain tombol salah

Jangan menggunakan ikon atau logo Google itu sendiri tanpa batas tombol dan tanpa teks yang menunjukkan tindakan pengguna.
Jangan menggunakan ikon Google sendiri untuk merepresentasikan Login dengan Google.
Jangan menggunakan versi gelap atau terang dari Google "G".
Jangan menaruh ikon Google "G" warna standar pada latar belakang yang berwarna.
Jangan membuat ikon Anda sendiri untuk tombol tersebut.
Jangan menggunakan istilah "Google" itu sendiri di tombol tanpa ikon Google yang menyertainya.

Penggunaan merek Google dengan cara-cara yang tidak tercakup dalam dokumen ini tidak diizinkan tanpa persetujuan tertulis terlebih dahulu dari Google (lihat Pedoman Penggunaan Fitur Merek Google oleh Pihak Ketiga untuk mengetahui informasi selengkapnya).