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 usan Blockly que hagan referencia al producto en su sitio web, app o producto. En esta página, se describen las prácticas recomendadas para hacer referencia a Blockly y atribuirlo, así como los usos apropiados del logotipo.

Descargar todos los recursos

Cómo referirse a Blockly

Cómo describir y atribuir a Blockly en un texto

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

Blockly es una biblioteca de Google que permite crear lenguajes de programación basados en bloques aptos para principiantes.

Cuando hagas referencia a Blockly en el contexto de otra app que utiliza Blockly, debes usar la frase "Compilado en Blockly" como atribución de la biblioteca para desarrolladores. Se podría usar "Compilado con Blockly" si se usaron herramientas o bibliotecas adicionales en la compilación de la app, pero usa "Compilado en Blockly" si Blockly es la biblioteca principal que se usa.

Cuando le otorgues la atribución a Blockly, esta frase debería usarse en entradas de blog, entrevistas de prensa, la app y en tu sitio web.

Recomendaciones y precauciones

Sugerencia: Llama a Blockly como "apto para principiantes" en lugar de "apto para niños". Blockly se usa para una variedad de aplicaciones, pero no todas son para niños.

Qué no debes: Hacer referencia a Blockly como lenguaje (por ejemplo, como "lenguaje de programación basado en bloques"). Blockly no es un lenguaje, es una herramienta o biblioteca que los desarrolladores usan para crear lenguajes.

Cómo representar visualmente a Blockly

Para asignar atribución a Blockly en tu app o sitio web, usa uno de los siguientes logotipos, según el color de fondo:

Creado sobre Blockly blanco Creado sobre Blockly en negro Noqueado en Blockly
Para fondos claros con formas superpuestas o patrones variados. Para fondos oscuros con formas superpuestas o patrones variados. Para fondos oscuros sólidos (sin formas ni patrones) con alto contraste
PNG SVG PNG SVG PNG SVG

No uses la marca de Blockly ni ninguna variante de ella junto con el nombre general de tu aplicación, producto, servicio o sitio web sin permiso del equipo de Blockly (envía un correo electrónico a blockly-support@google.com para solicitar permiso). No modifiques 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.

Logotipo de Blockly estándar

Diseño final estándar

El 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 700 neutro (#5F6368) o blanco liso.

PNG SVG

Logotipo vertical de Blockly Logotipo de Blockly Logotipo de Blockly
Cuando el espacio horizontal es limitado, se puede usar el diseño final en forma vertical con el logotipo a todo color y 700 neutro (#5F6368) o el logotipo blanco sólido. Cuando el espacio vertical y horizontal es limitado, el logotipo se puede usar solo, sin el logotipo. Cuando el color del isotipo tiene poco contraste con el fondo, se puede usar una versión monocromática en blanco sólido.
PNG SVG PNG SVG PNG SVG

Colores del logotipo

Azul bloqueado

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

Gris oscuro

#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 inferior a 24 px.

Para los diseños finales, proporciona, al menos, un espacio en blanco de x altura x 2 alrededor del logotipo. El logotipo nunca debe aparecer amontonado ni superpuesto con otros elementos.

Errores comunes

Qué no hacer

  • Alterar o distorsionar el logotipo de ninguna manera
  • Usa el recorte blanco en cualquier color excepto en 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 por otro tipo de letra
  • Usar el logotipo anterior de Blockly (los usos existentes deben actualizarse cuando sea conveniente)
  • No use el logotipo sobre un fondo que haga mal contraste (p. ej., el logotipo monocromático sobre un fondo gris claro).
  • Superponer o amontonar el logotipo con otros elementos
  • Volver a dibujar el logotipo
  • Utilizar otros elementos de desarrollo 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.