Atributo 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 fazer referência ao produto no site, app ou produto deles. Esta página descreve 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

Descrever e atribuir o Blockly em texto

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

O Blockly é uma biblioteca de desenvolvedores de código aberto do Google. Ele cria uma interface de programação visual que usa blocos de arrastar e soltar.

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

Ao atribuir o Blockly, essa frase deve ser usada em postagens de blog, entrevistas para a imprensa, no app e no seu site.

O que fazer e o que não fazer em referências

Faça: chame o Blockly de "fácil para iniciantes" em vez de "adequado para crianças". O Blockly é usado em vários aplicativos, nem todos voltados para crianças.

Não: se refira ao Blockly como uma linguagem (por exemplo, como uma "linguagem de programação baseada em blocos"). O Blockly não é uma linguagem, mas sim uma biblioteca que os desenvolvedores usam para criar uma interface de programação visual baseada em blocos.

Como representar visualmente o Blockly

Para atribuir o Blockly no seu app ou site, use um dos seguintes logotipos, dependendo da cor do plano de fundo:

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

Adicione um hiperlink ao selo na página inicial do Blockly: https://g.co/dev/blockly

Dimensionamento e espaçamento do selo

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

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

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 do Blockly. Envie um e-mail para blockly-support@google.com para solicitar permissão. Não altere nem use a marca do Blockly de uma forma que possa ser confusa ou enganosa. Nunca use a marca do Blockly como o elemento mais proeminente na sua página.

Logotipo padrão do 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 deve ser representado como um logotipo completo horizontal com uma logomarca colorida e um logotipo em branco sólido ou neutro 700 (#5F6368).

PNG SVG
Logotipo vertical do Blockly Marca do Blockly Logotipo vazado do Blockly
Se o espaço horizontal for limitado, um logotipo completo vertical poderá ser usado com a logomarca colorida e o logotipo em branco sólido ou em cinza 700 (#5F6368). Se os espaços vertical e horizontal forem limitados, a logomarca poderá ser usada sozinha, sem o logotipo. Se a cor da logomarca tiver uma taxa de contraste baixa em relação ao fundo, você poderá usar uma versão vazada na cor branco sólido.
PNG SVG PNG SVG PNG SVG

Cores do logotipo

Azul do Blockly

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

Cinza do Blockly

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

Neutro 700

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

Referências de altura para padding do logotipo

Dimensionamento e espaçamento

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

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

Erros comuns

Não faça o seguinte:

  • Alterar ou distorcer o logotipo de qualquer forma
  • Use o corte branco em qualquer cor, exceto branco.
  • Alterar a cor, a forma ou os ângulos
  • Girar ou inverter em qualquer direção
  • Alterar as proporções ou a posição
  • Substituir o logotipo por uma família tipográfica diferente
  • Use o logotipo antigo do Blockly. As instâncias atuais devem ser atualizadas quando for conveniente.
  • Usar o logo em um fundo com contraste ruim (por exemplo, o logo vazado em um fundo cinza claro)
  • Sobrepor ou poluir o logotipo com outros elementos
  • Redesenhar o logotipo
  • use outra marca do Google em conjunto com seu produto.

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