Como representar a marca Blockly

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

No entanto, recomendamos que os desenvolvedores que usam o Blockly façam referência ao produto no site, app ou produto. Nesta página, descrevemos as práticas recomendadas para se referir ao Blockly e atribuí-lo, bem como os usos adequados 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 criação de linguagens de programação baseadas em blocos para iniciantes.

Ao se referir ao Blockly no contexto de outro app que usa o Blockly, use a frase "Build on Blockly" como atribuição da biblioteca para desenvolvedores. "Criado com o Blockly" pode ser usado se outras ferramentas ou bibliotecas forem usadas na criação do app, mas use "Criado no Blockly" se a Blockly for a biblioteca principal usada.

Ao conceder a atribuição ao Blockly, essa frase deve ser usada em postagens de blog, entrevistas de imprensa, no app e no seu site.

Referências: o que fazer e o que não fazer

O que fazer: chame o Blockly como "ideal para iniciantes" em vez de "ideal para crianças". O Blockly é usado em diversos aplicativos, mas nem todos voltados para crianças.

O que não fazer: use a Blockly como linguagem (por exemplo, uma "linguagem de programação baseada em blocos"). O Blockly não é uma linguagem, mas uma ferramenta ou biblioteca que os desenvolvedores usam para criar linguagens.

Como representar visualmente o Blockly

Para dar atribuição ao Blockly no seu app ou site, use um dos logotipos abaixo, dependendo da cor do plano de fundo:

Construído em branco Blockly Construído sobre o Blockly preto Construído no Blockly knockout
Para fundos claros com formas sobrepostas ou padrões variados. Para fundos escuros com formas sobrepostas ou padrões variados. Para fundos escuros sólidos (sem formas ou padrões) com alto contraste.
PNG SVG PNG SVG PNG SVG

Não use a marca Blockly ou qualquer variante dela em conjunto com o nome geral do seu aplicativo, produto, serviço ou site sem permissão da equipe da Blockly (envie um e-mail para blockly-support@google.com para solicitar permissão). Não altere ou use a marca Blockly de maneira que possa ser confusa ou enganosa e nunca use a marca Blockly como o elemento de maior destaque na sua página.

Logotipo da Standard Blockly

Logotipo completo padrão

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

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

PNG SVG

Logotipo vertical da Blockly Logotipo da Blockly Logotipo da Blockly knockout
Quando o espaço horizontal for limitado, um logotipo completo vertical poderá ser usado com a logomarca colorida e o logotipo neutro 700 (#5F6368) ou branco sólido. Quando os espaços vertical e horizontal são limitados, a logomarca pode ser usada sozinha, sem o logotipo. Quando a cor da logomarca tem baixo contraste com o fundo, uma versão vazada na cor branca sólida pode ser usada.
PNG SVG PNG SVG PNG SVG

Cores dos logotipos

Azul bloqueado

#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 preenchimento do logotipo

Dimensionamento e espaçamento

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

Para logotipos completos, deixe um espaço em branco ao redor do logotipo de pelo menos a altura X x 2. Nunca polua ou sobreponha o logotipo a outros elementos.

Erros comuns

O que não fazer...

  • Alterar ou distorcer o logotipo de alguma forma.
  • Use o retoque branco em qualquer cor, exceto branco
  • Alterar cor, forma ou ângulos
  • Girar ou virar em qualquer direção
  • Alterar proporções, posicionamento ou posicionamento
  • Substituir o logotipo por uma família tipográfica diferente
  • Use o logotipo antigo do Blockly (os usos atuais precisam ser atualizados quando for conveniente)
  • Use o logotipo em um fundo com pouco contraste (por exemplo, o logotipo vazado em um fundo cinza-claro)
  • sobreponha ou polua o logotipo com outros elementos.
  • Redesenhar o logotipo
  • Use outro branding do Google com seu produto

Para ver as diretrizes sobre como usar outras marcas do Google, consulte o site de permissões da marca.