Attribut Blockly

Le code de Blockly est Open Source et peut être utilisé sans frais sans attribution.

Toutefois, nous encourageons les développeurs qui utilisent Blockly à faire référence au produit sur leur site Web, leur application ou leur produit. Cette page décrit les bonnes pratiques à suivre pour faire référence à Blockly et l'attribuer, ainsi que les utilisations appropriées du logo.

Télécharger tous les composants

Faire référence à Blockly

Décrire et attribuer Blockly dans un texte

Lors de la première mention dans un paragraphe, utilisez la description principale sur une ligne :

Blockly est une bibliothèque de développement Open Source de Google. Il crée une interface de programmation visuelle qui utilise des blocs de glisser-déposer.

Lorsque vous faites référence à Blockly dans le contexte d'une autre application qui utilise Blockly, vous devez utiliser l'expression "Développé avec Blockly".

Lorsque vous attribuez Blockly, cette expression doit être utilisée pour les articles de blog, les interviews de presse, l'application et sur votre site Web.

Bonnes pratiques et pratiques à éviter concernant les références

Do : appelez Blockly "adapté aux débutants" au lieu de "adapté aux enfants". Blockly est utilisé pour diverses applications, dont certaines ne sont pas destinées aux enfants.

Ne pas : faire référence à Blockly comme à un langage (par exemple, comme à un "langage de programmation par blocs"). Blockly n'est pas un langage, mais une bibliothèque que les développeurs utilisent pour créer une interface de programmation visuelle par blocs.

Représenter visuellement Blockly

Pour attribuer Blockly dans votre application ou sur votre site Web, veuillez utiliser l'un des logos suivants, en fonction de la couleur de l'arrière-plan :

Built on Blockly blanc Built on Blockly noir
Pour les arrière-plans clairs avec des formes qui se chevauchent ou des motifs variés, et pour les arrière-plans sombres unis (sans formes ni motifs) à fort contraste. Pour les arrière-plans sombres avec des formes qui se chevauchent ou des motifs variés.
PNG SVG PNG SVG

Veuillez créer un lien hypertexte vers la page d'accueil de Blockly : https://g.co/dev/blockly

Taille et espacement des badges

badge Blockly Pour garantir la lisibilité, les badges ne doivent pas être utilisés avec une hauteur inférieure à 24 px.

Pour les ensembles logo/typographie, prévoyez au moins un espace négatif de hauteur x et de largeur x autour du logo. Ne recouvrez ni ne noyez jamais le logo avec d'autres éléments.

N'utilisez pas la marque Blockly ni aucune de ses variantes en association avec le nom global de votre application, produit, service ou site Web sans l'autorisation de l'équipe Blockly (veuillez envoyer un e-mail à blockly-support@google.com pour demander l'autorisation). Ne modifiez pas la marque Blockly et ne l'utilisez pas d'une manière qui pourrait être déroutante ou trompeuse. N'utilisez jamais la marque Blockly comme élément le plus visible sur votre page.

Logo Blockly standard

Logo complet standard

La version standard peut être utilisée dans les diaporamas et les articles de blog.

Dans la mesure du possible, le logo doit être représenté sous la forme d'un assemblage horizontal avec un logotype en couleur et un logotype neutre 700 (#5F6368) ou blanc uni.

PNG SVG
Logo vertical Blockly Logotype Blockly Logo Blockly Knockout
Lorsque l'espace horizontal est limité, vous pouvez utiliser un logo complet vertical avec la marque verbale en couleur et le logotype en gris neutre 700 (#5F6368) ou en blanc uni. Lorsque l'espace vertical et horizontal est limité, le logotype peut être utilisé seul, sans la typographie. Lorsque la couleur du logotype contraste mal avec l'arrière-plan, une version blanche pleine peut être utilisée.
PNG SVG PNG SVG PNG SVG

Couleurs du logo

Bleu Blockly

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

Gris Blockly

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

Neutre 700

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

Références de hauteur pour la marge intérieure du logo

Taille et espacement

Pour garantir la lisibilité, le logo ne doit pas être utilisé avec une hauteur inférieure à 24 px.

Pour les lockups, prévoyez un espace blanc d'au moins deux fois la hauteur x autour du logo. Ne recouvrez ni ne noyez jamais le logo avec d'autres éléments.

Erreurs fréquentes

Ne faites pas ce qui suit :

  • Transformer ou déformer le logo de quelque façon que ce soit
  • Utilisez le cache blanc dans n'importe quelle couleur, sauf le blanc.
  • Modifier la couleur, la forme ou les angles
  • Faire pivoter ou inverser dans n'importe quelle direction
  • Modifier les proportions, le positionnement ou l'emplacement
  • Remplacer le logotype par une autre typographie
  • Utiliser l'ancien logo Blockly (les utilisations existantes doivent être mises à jour lorsque cela est possible)
  • Utiliser le logo sur un arrière-plan peu contrasté (par exemple, le logo knockout sur un arrière-plan gris clair)
  • Recouvrir ou noyer le logo avec d'autres éléments
  • Redessiner le logo
  • Utiliser d'autres marques Google en association avec votre produit

Pour obtenir des consignes sur l'utilisation d'autres marques Google, consultez le site Autorisations relatives à la marque.