El código de Blockly es de código abierto y se puede usar de forma gratuita sin atribución.
Sin embargo, recomendamos a los desarrolladores que usan Blockly que hagan referencia al producto en su sitio web, aplicación o producto. En esta página, se describen las prácticas recomendadas para hacer referencia a Blockly y atribuirlo, así como los usos adecuados del logotipo.
Cómo hacer referencia a Blockly
Cómo describir y atribuir Blockly en texto
En 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 refieras a Blockly en el contexto de otra app que lo use, debes usar la frase "Creado con Blockly".
Cuando atribuyas Blockly, esta frase se debe usar en las entradas de blog, las entrevistas de prensa, la app y tu sitio web.
Sugerencias y precauciones para las referencias
Hazlo: Llama a Blockly "apto para principiantes" en lugar de "apto para niños". Blockly se usa para una variedad de aplicaciones, no todas enfocadas en 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, sino una biblioteca que los desarrolladores usan para crear una interfaz de programación visual basada en bloques.
Cómo representar Blockly visualmente
Cómo atribuir Blockly con un logotipo
Para atribuir Blockly en tu app o sitio web, usa uno de 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 que dirija a 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 a la altura y el ancho de la X. El logotipo nunca debe aparecer amontonado ni superpuesto con otros elementos.
Otros usos del logotipo de Blockly
No utilices la marca de Blockly ni ninguna variante de ella 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 ser confusa o engañosa, y nunca uses la marca de Blockly como el elemento más destacado de 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 el diseño final en forma horizontal con un isotipo a todo color y un logotipo neutro 700 (n° 5F6368) o blanco liso. PNG SVG |
![]() |
![]() |
![]() |
---|---|---|
Cuando el espacio horizontal es limitado, se puede usar el diseño final en forma vertical con el isotipo a todo color y un logotipo en color neutro 700 (código hexadecimal #5F6368) o blanco liso. | Cuando el espacio vertical y horizontal es limitado, puede usarse solo el isotipo, sin el logotipo. | Cuando el color del isotipo tiene poco contraste con el fondo, se puede usar una versión monocromática en blanco. |
PNG SVG | PNG SVG | PNG SVG |
Colores del logotipo
Azul de Blockly
#4285f4 o hsla(217, 89%, 61%, 1) |
Gris de Blockly
#c8d1db o hsla(212, 21%, 82%, 1) |
Gris neutro 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, debe dejarse alrededor del logotipo un espacio en blanco mínimo equivalente al doble de la altura de la x. El logotipo nunca debe aparecer amontonado ni superpuesto con otros elementos.
Errores comunes
No hagas lo siguiente:
- No alteres ni distorsiones el logotipo de ninguna manera.
- Usa el calado blanco en cualquier color, excepto el blanco.
- Alterar el color, la forma o los ángulos
- Rotar o voltear en cualquier dirección
- Alterar las proporciones, el posicionamiento o la ubicación
- Reemplazar el logotipo con otro tipo de letra
- Usar el logotipo antiguo de Blockly (los usos existentes se deben actualizar cuando sea conveniente)
- Usar el logotipo sobre un fondo con poco contraste (p.ej., el logotipo monocromático sobre un fondo gris claro)
- Superponer o amontonar el logotipo con otros elementos
- Redibuja el logotipo
- Utilizar otros elementos de la marca de Google junto con tu producto
Para obtener instrucciones sobre cómo usar otras marcas de Google, consulta el sitio de Permisos de marca.