Lineamientos de desarrollo de la marca de Google Classroom

En este documento, se describe cómo usar el nombre, el logotipo y el ícono de Google Classroom. Si tienes preguntas adicionales, consulta los permisos de marca de Google más generales .

Lineamientos para el uso de íconos

Cuando realices la integración con Classroom, siempre usa el ícono de Classroom en lugar del logotipo de Google. Asegúrate de que el ícono de Google Classroom sea completamente visible y claro. 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 ajustar 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.

Logotipos cuadrados de Classroom

Descargar logotipos cuadrados

Logotipos redondos de Classroom

Descargar logotipos redondos

Cómo describir 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:

Ejemplos de botones

Ejemplo de relleno:

Ejemplo de relleno

Cuando hables sobre las clases de Classroom, usa una de estas frases (ten en cuenta que "clases" no se escribe con mayúscula):

  • Clases de Google Classroom (ejemplo: "Elige entre tus clases de Google Classroom")
  • Clases de Classroom (ejemplo: "Elige entre tus clases de Classroom")
  • Invitar con Google Classroom
  • Compartir con Google Classroom
  • Compartir en Google Classroom

No uses las siguientes frases:

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

Cómo describir la compatibilidad de tu producto con Classroom

Si tu producto es compatible con Google Classroom, haz referencia a Google Classroom usando 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™"

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 tu logotipo.

Ejemplo de logotipo

Uso de capturas de pantalla

Con fines ilustrativos o informativos, puedes usar capturas de pantalla estándar y sin modificaciones de los servicios de Google. 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 cualquier 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 PC" > "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 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 gris secundario de la persona de la izquierda y la derecha en el í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 de la izquierda y la derecha en el ícono de Google Classroom es #57BB8A.

Estado de desplazamiento

Cuando mantengas el puntero 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 uses un ícono de Google para representar Google Classroom.
  • No crees tu propio ícono para el botón.
  • No uses el término "Google" por sí solo en el botón sin un ícono de Google Classroom.
  • Ejemplos de diseños incorrectos de botones de Google Classroom:

Ejemplos de uso incorrecto

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.