Rappresentazione del brand Blockly

Il codice di Blockly è open source e senza costi, senza attribuzione.

Tuttavia, invitiamo gli sviluppatori che utilizzano Blockly a fare riferimento al prodotto nel proprio sito web, nella propria app o nel proprio prodotto. In questa pagina vengono descritte le best practice per fare riferimento a Blockly e attribuirlo, nonché gli utilizzi appropriati del logo.

Scarica tutti gli asset

Come fare riferimento a Blockly

Descrizione e attribuzione di Blockly nel testo

Al primo riferimento in un paragrafo, utilizza la descrizione principale di una riga:

Blockly è una libreria di Google per la creazione di linguaggi di programmazione a blocchi per principianti.

Quando fai riferimento a Blockly nel contesto di un'altra app che utilizza Blockly, devi usare la frase "Creato su Blockly" come attribuzione della libreria degli sviluppatori. "Creato con Blockly" può essere utilizzato se sono stati utilizzati strumenti o librerie aggiuntivi per la creazione dell'app, ma si può usare "Sviluppato su Blockly" se Blockly è la libreria principale in uso.

Quando attribuisci l'attribuzione a Blockly, questa frase deve essere usata per post del blog, intervista stampa, per l'app e sul tuo sito web.

Riferimenti: cosa fare e cosa non fare

: chiama Blockly "adatto ai principianti" anziché "adatto ai bambini". Blockly viene utilizzato per molte applicazioni, non tutte destinate ai bambini.

Non farlo: fai riferimento a Blockly come linguaggio (ad esempio, "linguaggio di programmazione a blocchi"). Blockly non è un linguaggio, ma uno strumento o una libreria che gli sviluppatori usano per creare lingue.

Come rappresentare visivamente Blockly

Per assegnare l'attribuzione Blockly nella tua app o sul tuo sito web, utilizza uno dei seguenti loghi, a seconda del colore di sfondo:

Realizzato su Blockly bianco Realizzato in nero Blockly Basato su attacco Blockly
Per sfondi chiari con forme sovrapposte o motivi diversi. Per sfondi scuri con forme sovrapposte o motivi diversi. Per sfondi scuri in tinta unita (senza forme o motivi) con contrasto elevato.
PNG SVG PNG SVG PNG SVG

Non utilizzare il marchio Blockly o qualsiasi sua variante insieme al nome generale dell'applicazione, del prodotto, del servizio o del sito web senza l'autorizzazione del team Blockly (invia un'email all'indirizzo blockly-support@google.com per richiedere l'autorizzazione). Non alterare o utilizzare il marchio Blockly in un modo che possa confondere o fuorviare e non utilizzare mai il branding Blockly come elemento più in evidenza della pagina.

Logo Blockly standard

Logo completo standard

Il logo completo standard può essere utilizzato nelle presentazioni e nei post dei blog.

Se possibile, il logo deve essere rappresentato come un logo completo orizzontale con un logotipo a colori e un logotipo neutro 700 (#5F6368) o bianco a tinta unita.

PNG SVG

Logo Blockly verticale Logo Blockly Logo Blockly knockout
Se lo spazio orizzontale è limitato, è possibile utilizzare un logo completo verticale con il logo a colori e il logotipo neutro 700 (#5F6368) o bianco a tinta unita. Se lo spazio verticale e orizzontale è limitato, il logomark può essere utilizzato da solo senza il logotipo. Quando il colore del logo ha uno scarso contrasto con lo sfondo, è possibile utilizzare una versione forata bianca in tinta unita.
PNG SVG PNG SVG PNG SVG

Colori del logo

Blu a blocchi

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

Grigio tostato

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

700 neutri

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

Riferimenti di altezza per la spaziatura interna del logo

Dimensioni e spaziatura

Per garantire la leggibilità, il logo non deve essere utilizzato con un'altezza inferiore a 24 px.

Per i loghi completi, fornisci almeno uno spazio bianco di altezza x x 2 intorno al logo. Non sovrapporre mai il logo ad altri elementi e non affollarlo.

Errori comuni

Non...

  • Modificare o distorcere il logo in qualsiasi modo
  • Puoi utilizzare il foro bianco in qualsiasi colore tranne il bianco
  • Modificare colore, forma o angoli
  • Ruota o capovolgi in qualsiasi direzione
  • Modificare proporzioni, posizionamento o posizionamento
  • Sostituisci il logotipo con un carattere diverso.
  • Utilizza il vecchio logo Blockly (gli utilizzi esistenti devono essere aggiornati quando opportuno)
  • Utilizzare il logo su uno sfondo con scarso contrasto (ad es. il logo a eliminazione diretta su uno sfondo grigio chiaro)
  • Sovrapporre o riempire il logo con altri elementi
  • Riadatta il logo
  • Utilizzare altri elementi distintivi del brand Google in combinazione con il tuo prodotto

Per le linee guida su come utilizzare altri brand Google, visita il sito Autorizzazioni del brand.