Representación de la marca Blockly

El código de Blockly es abierto y se puede usar de forma gratuita sin atribución.

Sin embargo, recomendamos a los desarrolladores que usen Blockly para que consulten el producto en su sitio web, aplicación o producto. En esta página, se describe la mejor prácticas para hacer referencia a Blockly y atribuirlo, así como usos del logotipo.

Descargar todos los recursos

Cómo referirse a Blockly

Describe y atribuye a Blockly en el texto

Después de la primera referencia en un párrafo, usa la descripción principal de una línea:

Blockly es una biblioteca de Google diseñada para principiantes lenguajes de programación.

Cuando te refieres a Blockly en el contexto de otra app que usa Blockly debes usar la frase "Creado con Blockly".

Cuando se le da la atribución a Blockly, esta frase se debe utilizar para entradas de blog, entrevistas de prensa, la app y tu sitio web.

Sugerencias y precauciones para las referencias

Sugerencia: Asigna a Blockly un producto “apto para principiantes” en lugar de “apto para niños”. Blockly se usa en una variedad de aplicaciones, no todas enfocadas en los niños.

Qué no debes hacer: Haz referencia a Blockly como un lenguaje (por ejemplo, como “lenguaje de programación basado en bloques”). Blockly no es un de lenguaje natural, es una biblioteca que usan los desarrolladores para crear una interfaz de programación visual basada en bloques.

Cómo representar visualmente a Blockly

Para aplicar la atribución a Blockly en tu aplicación o sitio web, utiliza uno de los los siguientes logotipos, según el color de fondo:

Compilado en blanco Blockly Compilada en Blockly negro
Para fondos claros con formas superpuestas o patrones variados, y fondos oscuros sólidos (sin formas ni patrones) con alto contraste. Para fondos oscuros con formas superpuestas o patrones variados.
PNG SVG PNG SVG

Vincula la insignia a la página principal de Blockly: https://g.co/dev/blockly

Tamaño y espaciado de la insignia

insignia de Blockly Para garantizar la legibilidad, las insignias no deben usarse con una altura inferior a 24 px.

Para los diseños finales, proporciona al menos un espacio en blanco de al menos x altura y ancho x 1 logotipo. Nunca amontones ni superpongas el logotipo con otros elementos.

No uses la marca Blockly ni ninguna variante de ella en conjunto con el nombre general de tu aplicación, producto, servicio o sitio web, sin permiso del equipo de Blockly (envíe un correo electrónico a blockly-support@google.com a solicitar permiso). No alteres ni uses la marca de Blockly de una manera que pueda confusas o engañosas, y nunca usen la marca Blockly como la fuente más elemento en tu página.

Logotipo de Blockly estándar

Diseño final estándar

El diseño final estándar se puede utilizar en presentaciones de diapositivas y entradas de blog.

Siempre que sea posible, el logotipo debe representarse como un diseño final horizontal. con un isotipo a todo color y 700 neutro (#5F6368) o blanco liso logotipo.

PNG SVG
Logotipo vertical de Blockly Logotipo de Blockly Logotipo de Blockly
Cuando el espacio horizontal es limitado, se puede usar un diseño final vertical. con el isotipo a todo color y 700 neutro (#5F6368) o blanco liso logotipo. Cuando el espacio vertical y horizontal es limitado, se puede usarse por sí solo, sin el logotipo. Cuando el color del isotipo tiene poco contraste con el fondo, se puede usar una versión de eliminación blanca sólida.
PNG SVG PNG SVG PNG SVG

Colores de los logotipos

Azul claro

#4285f4 o hsla(217, 89%, 61%, 1)

Gris claro

#c8d1db o hsla(212, 21%, 82%, 1)

Neutral 700

#5f6368 o hsla(213, 5%, 39%, 1)

Referencias de altura para rellenar el logotipo

Tamaño y espaciado

Para garantizar la legibilidad, el logotipo no debe usarse con una altura menor a 24 px.

Para los diseños finales, proporciona un espacio en blanco de al menos x altura x 2 en blanco alrededor del logotipo. Nunca amontones ni superpongas el logotipo con otros elementos.

Errores comunes

Qué no debes hacer

  • Alterar o distorsionar el logotipo de ninguna manera
  • Usa el botón blanco de cualquier color, menos el blanco
  • Alterar el color, la forma o los ángulos
  • Rotar o girar en cualquier dirección
  • Alterar las proporciones, el posicionamiento o la ubicación
  • Reemplazar el logotipo con otro tipo de letra
  • Usa el logotipo antiguo de Blockly (los usos existentes se deben actualizar cuando sea conveniente).
  • Usar el logotipo en un fondo que haga mal contraste (p.ej., el logotipo de la eliminación en un fondo gris claro)
  • Superponer o amontonar el logotipo con otros elementos
  • Volver a dibujar el logotipo
  • Usar otros elementos de la marca Google junto con tu producto

Para obtener instrucciones sobre cómo usar otras marcas de Google, consulta la sitio de Permisos de marca.