Como representar a marca Blockly

O código do Blockly é de código aberto e pode ser usado sem custo financeiro sem atribuição.

No entanto, incentivamos os desenvolvedores que usam o Blockly a consultar o produto em seu site, aplicativo ou produto. Nesta página, descrevemos práticas de referência ao Blockly e atribuí-lo, bem como usos do logotipo.

Fazer o download de todos os recursos

Como se referir ao Blockly

Como descrever e atribuir o Blockly em texto

Na primeira referência em um parágrafo, use a descrição de uma linha principal:

A Blockly é uma biblioteca do Google para a criação de blocos baseados em blocos linguagens de programação.

Ao se referir ao Blockly no contexto de outro app que usa o Blockly use a frase "Criado com o Blockly".

Ao atribuir a atribuição do Blockly, essa frase deve ser usada para postagens de blog, entrevistas de imprensa, no aplicativo e em seu site.

O que fazer e o que não fazer na referência

O que fazer: chame o Blockly de "amigável para iniciantes" em vez de "ideal para crianças". O Blockly é usado para diversos aplicativos, sem relação todos eles voltados para crianças.

O que não fazer: consulte o Blockly como idioma (por exemplo, uma "linguagem de programação baseada em blocos"). O Blockly não é um é uma biblioteca que os desenvolvedores usam para criar uma interface de programação visual baseada em blocos.

Como representar visualmente o Blockly

Para atribuir a atribuição ao Blockly em seu aplicativo ou site, use um dos logotipos a seguir, dependendo da cor do plano de fundo:

Criado em Blockly branco Criado em Blockly Black
Para planos de fundo claros com formas sobrepostas ou padrões variados e fundos escuros sólidos (sem formas ou padrões) com alto contraste. Para planos de fundo escuros com formas sobrepostas ou padrões variados.
PNG SVG PNG SVG

Crie um hiperlink para a página inicial do Blockly com o selo: https://g.co/dev/blockly

Tamanho e espaçamento dos selos

selo blockly Para garantir a legibilidade, os selos não devem ser usados com uma altura menor que 24 px.

Para logotipos completos, forneça um espaço em branco de pelo menos x altura e largura x1 ao redor do logotipo. Evite poluir ou sobrepor o logotipo com outros elementos.

Não use a marca Blockly ou qualquer variante dela juntamente com o nome geral de seu aplicativo, produto, serviço ou site sem permissão da equipe do Blockly (envie um e-mail para blockly-support@google.com para solicitar permissão). Não altere ou use a marca Blockly de forma que possa ser confusas ou enganosas, e nunca use o branding do Blockly como a linguagem mais proeminente na sua página.

Logotipo padrão da Blockly

Logotipo completo padrão

O logotipo completo padrão pode ser usado em apresentações de slides e postagens de blog.

Sempre que possível, o logotipo precisa ser representado como um logotipo completo horizontal. com uma logomarca colorida e um 700 neutro (#5F6368) ou branco sólido tipo de logotipo.

PNG SVG
Logotipo vertical da Blockly Logotipo da Blockly Logotipo da Blockly nocaute
Quando o espaço horizontal é limitado, um logotipo completo vertical pode ser usado com a logomarca colorida e 700 neutro (#5F6368) ou branco sólido tipo de logotipo. Quando os espaços verticais e horizontais são limitados, a logomarca pode ser usado sozinho, sem o logotipo. Quando a cor da logomarca tem baixo contraste com o plano de fundo, uma versão eliminatória branca pode ser usada.
PNG SVG PNG SVG PNG SVG

Cores dos logotipos

Blockly azul

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

Cinza em bloco

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

Neutro 700

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

Referências de altura para o padding do logotipo

Dimensionamento e espaçamento

Para garantir a legibilidade, o logotipo não deve ser usado com altura menor que 24 px.

Para logotipos completos, deixe um espaço em branco de pelo menos o dobro da altura ao redor do logotipo. Evite poluir ou sobrepor o logotipo com outros elementos.

Erros comuns

O que não fazer...

  • alterar ou distorcer o logotipo de forma alguma.
  • Use o vazão branco em qualquer cor, exceto branco
  • Alterar a cor, a forma ou os ângulos
  • Girar ou virar em qualquer direção
  • Alterar proporções ou posicionamentos
  • Substituir o logotipo por uma família tipográfica diferente
  • Use o antigo logotipo do Blockly (os usos existentes deverão ser atualizados quando for conveniente)
  • Usar o logotipo em um fundo com baixo contraste (por exemplo, logotipo vazado em um fundo cinza-claro)
  • Sobrepor ou poluir o logotipo com outros elementos
  • Desenhar o logotipo novamente
  • Use outra marca do Google com seu produto

Para orientações sobre como usar outras marcas do Google, consulte o Site de permissões da marca.