Lineamientos de desarrollo de la marca de Google Classroom

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

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.

Lineamientos sobre el uso de íconos

Cuando realices la integración con Classroom, usa siempre el ícono de Classroom (y no el logotipo de Google). Asegúrate de que el ícono de Google Classroom esté completamente visible y claro. Puedes usar el ícono con o sin el texto adjunto "GGoogle Classroom". Si usas el ícono de Classroom junto con otros logotipos, asegúrate de que cada uno tenga un espacio adecuado para su lectura.

Tamaños

El ícono de Classroom está disponible en diferentes tamaños, entre 32 y 96 píxeles. Puedes ajustar el ícono para diferentes dispositivos y tamaños de pantalla, pero debes conservar la relación de aspecto para que el logotipo no se estire.

Logotipos de Square Classroom

Descargar logotipos cuadrados

Logotipos de aula redonda

Descargar logotipos redondos

Describir Classroom

Cuando usas el ícono de Classroom, puedes incluir el nombre completo "Google Classroom" o la versión corta de "Classroom".

Botones de ejemplo:

Ejemplos de botones

Ejemplo de padding:

Ejemplo de relleno

Cuando hables sobre las clases de Classroom, usa una de estas frases (ten en cuenta que las "clases" no tienen mayúsculas):

  • Clases de Google Classroom (por ejemplo, "Elige una opción de la clase en Google Classroom")
  • Clases de Classroom (por ejemplo, "Elige una opción de la clase de Classroom")
  • Invitar por medio de Google Classroom
  • Compartir con Google Classroom
  • Compartir en Google Classroom

No utilices las siguientes frases:

  • Google Classrooms
  • Clases de Google
  • Clases de Google
  • Clase de Google
  • Invitar a Google Classroom

Describe tu propio producto o aplicación

Si tu producto es compatible con Google Classroom, haz referencia a Google Classroom mediante el uso del texto “for”, “for use with” o “compatible with” y asegúrate de incluir el símbolo de marca comercial con la marca de Google. Ejemplo: "para Google ClassroomTM"

Ejemplo de logotipo

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.

Ejemplo de logotipo

Usa capturas de pantalla

Para fines ilustrativos o informativos, puedes usar capturas de pantalla estándar y sin cambios de los servicios de Google. Para obtener más detalles, consulta los Permisos de marca de Google.

Dar la atribución adecuada

Proporciona la atribución adecuada a Google para cualquier uso de sus marcas en el título de tu aplicación o en tu descripció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 descomprime 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

Ejemplo de colores e íconos

  • Í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 verde secundario de la persona izquierda y 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 ícono secundario gris de la persona izquierda y derecha del ícono de Google Classroom es #57BB8A
  • Ícono claro
    • El color verde del ícono de Google Classroom es #25A667
    • El color amarillo del ícono de Google Classroom es #F6BB18.
    • El color verde secundario de la persona izquierda y derecha en el ícono de Google Classroom es #57BB8A

Estado de desplazamiento

Al colocar el cursor sobre el ícono, este debe estar sombreado con un 20% de negro.

Ejemplo de estados de desplazamiento

Diseño incorrecto del logotipo

  • No uses colores que no sean los dos especificados para el ícono.
  • No use un ícono de Google para representar a Google Classroom.
  • No crees tu propio ícono para el botón.
  • No uses únicamente el término "Google" en el botón sin el ícono de Google Classroom.
  • Ejemplos de diseños incorrectos de los botones de Google Classroom:

Ejemplos de uso incorrectos

Nunca use el logotipo de color de Google en el botón. Incluye siempre el ícono de Google Classroom a la izquierda del botón. No cambies la fuente del botón.