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
Atribuir o Blockly com um logotipo
Para atribuir o Blockly no seu app ou site, use um dos seguintes logotipos, dependendo da cor do plano de fundo:
![]() |
![]() |
---|---|
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
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.
Outros usos do logotipo do Blockly
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 completo padrãoO 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 |
![]() |
![]() |
![]() |
---|---|---|
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) |
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.