En este documento, se describe cómo usar el nombre, el logotipo y el ícono de Google Classroom. Si tienes más preguntas, consulta los permisos de marca de Google más generales.
Lineamientos para el uso de íconos
Cuando realices la integración con Classroom, usa siempre el ícono de Classroom en lugar del logotipo de Google. Asegúrate de que el ícono de Google Classroom se vea de forma completa y clara. Puedes usar el ícono con o sin el texto que lo acompaña "Google Classroom". Si usas el ícono de Classroom junto con otros logotipos, asegúrate de que cada uno tenga el espaciado adecuado para que se puedan leer.
Lineamientos del tamaño
El ícono de Classroom está disponible en varios tamaños diferentes, desde 32 hasta 96 píxeles. Puedes cambiar el tamaño del ícono para diferentes dispositivos y tamaños de pantalla, pero debes conservar la relación de aspecto para que el logotipo no se deforme.
Logotipo de Square
Logotipo redondo
Describe el ícono de Classroom
Cuando uses el ícono de Classroom, puedes incluir el nombre completo "Google Classroom" o la versión abreviada "Classroom".
Ejemplos de botones:
Ejemplo de relleno:
Cuando hables de las clases de Classroom, usa una de estas frases (ten en cuenta que "clases" no se escribe con mayúscula):
- Clases de Google Classroom (por ejemplo, "Elige entre tus clases de Google Classroom")
- Clases de Classroom (por ejemplo, "Elige entre tus clases de Classroom")
- Cómo invitar a personas con Google Classroom
- Compartir con Google Classroom
- Cómo compartir en Google Classroom
No uses las siguientes frases:
- Google Classrooms
- Clases de Google
- Clases de Google
- Clase de Google
- Invitar a Google Classroom
Describe la compatibilidad de tu producto con Classroom
Si tu producto es compatible con Google Classroom, haz referencia a Google Classroom con el texto "para", "para usar con" o "compatible con", y asegúrate de incluir el símbolo ™ con la marca de Google. Ejemplo: "para Google Classroom™"
Si haces referencia a una marca de Google en combinación con tu logotipo, el texto de referencia debe ser más pequeño que el logotipo.
Uso de capturas de pantalla
Puedes usar capturas de pantalla estándar y sin alteraciones de los servicios de Google con fines ilustrativos o informativos. Para obtener más detalles, consulta los Permisos de marca de Google generales.
Proporciona la atribución adecuada
Proporciona la atribución adecuada a Google por el uso de sus marcas en el título o la descripción de tu aplicación. Ejemplo: Google Classroom es una marca de Google Inc. El uso de esta marca está sujeto a los Permisos de marca de Google.
Fuente
Usa Roboto Bold, una fuente TrueType.
Para instalarla, descarga la fuente Roboto y extrae el paquete de descarga.
- En Mac, haz doble clic en Roboto-Bold.ttf y, luego, en "Instalar fuente".
- En Windows, arrastra el archivo a "Mi computadora" > "Windows" > carpeta "Fuentes".
Colores
- Ícono clásico
- El color verde del ícono de Google Classroom es #25A667.
- El color amarillo del ícono de Google Classroom es #F6BB18.
- El color blanco del ícono de Google Classroom es #FFFFFF.
- El color secundario verde de la persona de la izquierda y la derecha en el ícono de Google Classroom es #57BB8A.
- Ícono oscuro
- El color negro del ícono de Google Classroom es #000000.
- El color blanco del ícono de Google Classroom es #FFFFFF.
- El color secundario gris de la persona de la izquierda y la derecha en el ícono de Google Classroom es #57BB8A.
- Ícono de luz
- El color verde del ícono de Google Classroom es #25A667.
- El color amarillo del ícono de Google Classroom es #F6BB18.
- El color secundario verde de la persona de la izquierda y la derecha en el ícono de Google Classroom es #57BB8A.
Estado de desplazamiento del cursor
Cuando se mantiene el puntero sobre el ícono, este debe estar sombreado con un 20% de negro.
Diseño incorrecto del logotipo
- No uses colores que no sean los dos especificados para el ícono.
- No uses un ícono de Google para representar Google Classroom.
- No crees tu propio ícono para el botón.
- No uses el término "Google" aislado, sin el ícono de Google Classroom que lo acompaña.
- Ejemplos de diseños incorrectos del botón de Google Classroom:
Nunca uses el logotipo de Google a color en el botón. Siempre incluye el ícono de Google Classroom a la izquierda del botón. No cambies la fuente del botón.