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.
Cómo hacer referencia a Blockly
Cómo describir y atribuir 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 código abierto para desarrolladores de Google. Crea una interfaz de programación visual que usa bloques de arrastrar y soltar.
Cuando te refieres a Blockly en el contexto de otra app que usa Blockly debes usar la frase "Creado con Blockly".
Cuando proporciones la atribución de Blockly, debes usar esta frase en las entradas de blog, las entrevistas de prensa, la app y en tu sitio web.
Sugerencias y precauciones para la referencia
Haz lo siguiente: Llama a Blockly “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.
No: No te refieras a Blockly como un lenguaje (por ejemplo, como un “lenguaje de programación basado en bloques”). Blockly no es un lenguaje, es una biblioteca que los desarrolladores usan para crear una interfaz de programación visual basada en bloques.
Cómo representar visualmente Blockly
Atribución a Blockly con un logotipo
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:
![]() |
![]() |
---|---|
Para fondos claros con formas superpuestas o patrones variados, y para fondos oscuros lisos (sin formas ni patrones) con alto contraste. | Para fondos oscuros con formas superpuestas o patrones variados. |
PNG SVG | PNG SVG |
Agrega un hipervínculo a la insignia de la página principal de Blockly: https://g.co/dev/blockly
Tamaño y espaciado de las insignias
Para garantizar la legibilidad, las insignias no deben usarse con una altura inferior a 24 px.
Para los diseños finales, debe dejarse alrededor del logotipo un espacio en blanco mínimo equivalente al ancho y la altura de la x. Nunca amontones ni superpongas el logotipo con otros elementos.
Otros usos del logotipo de Blockly
No uses la marca Blockly ni ninguna variante de la marca Blockly junto con el nombre general de tu aplicación, producto, servicio o sitio web sin el permiso del equipo de Blockly (envía un correo electrónico a blockly-support@google.com para 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.
![]() |
Diseño final estándarEl diseño final estándar se puede utilizar en paquetes 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 |
![]() |
![]() |
![]() |
---|---|---|
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 del logotipo
Azul claro
#4285f4 o hsla(217, 89%, 61%, 1) |
Gris Blockly
#c8d1db o hsla(212, 21%, 82%, 1) |
Neutral 700
#5f6368 o hsla(213, 5%, 39%, 1) |
Tamaño y espaciado
Para garantizar la legibilidad, el logotipo no debe 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 x 2 alrededor del logotipo. Nunca amontones ni superpongas el logotipo con otros elementos.
Errores comunes
No hagas lo siguiente:
- 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 anterior de Blockly (los usos existentes se deben actualizar cuando sea conveniente).
- Usar el logotipo en un fondo poco contrastante (p.ej., el logotipo de la eliminación directa sobre un fondo gris claro)
- Superponer o amontonar el logotipo con otros elementos
- Vuelve 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.