Blockly ブランドを代表する

Blockly のコードはオープンソースであり、アトリビューションなしで無料で使用できます。

ただし、Blockly を使用しているデベロッパーは、 ウェブサイト、アプリ、商品ですこのページでは アトリビューションのベストプラクティスを 使用しないでください。

すべてのアセットをダウンロードする

Blockly の呼び方

テキストにおける Blockly の説明とアトリビューション

段落内で初めて参照する際は、メインの説明文を 1 行で使用します。

Blockly は Google のライブラリで、ブロックベースの初心者向けのアプリを作成できます プログラミング言語です。

Blockly を使用する別のアプリのコンテキストで Blockly について言及する場合 「Built with Blockly」というフレーズを使う必要があります

Blockly アトリビューションを指定する際は、このフレーズをブログ投稿に使用する必要があります。 報道機関へのインタビュー、アプリ、ウェブサイトでの活動。

リファレンスの推奨事項と禁止事項

すべきこと - Blockly を「初心者向け」と呼ぶ 「子供連れ向き」ではなく、Blockly はさまざまな用途に使用されていますが、 すべて子ども向けです

禁止事項 - Blockly を言語として参照してください (「ブロックベースのプログラミング言語」など)。Blockly は ブロックベースのビジュアル プログラミング インターフェースを作成するために開発者が使用するライブラリです。

Blockly を視覚的に表現する方法

アプリまたはウェブサイトで Blockly のアトリビューションを付与するには、 (背景色に応じて異なります):

Blockly White を採用 Blockly Black を採用
図形が重なっている、またはさまざまなパターンがある明るい背景、高コントラストで単色の濃い背景(図形やパターンがない)に使用します。 図形が重なっている、またはさまざまなパターンがある暗い背景に適しています。
PNG SVG PNG SVG

バッジを Blockly のホームページ(https://g.co/dev/blockly)にハイパーリンクで設定してください。

バッジのサイズと間隔

ブロックリー バッジ 読みやすくするため、バッジの高さは 24 ピクセル未満にしてください。

ロックアップの場合は、少なくとも x-height と幅 x1 の余白を空けてください。 ロゴ。ロゴを他の要素と詰め込んだり、重ねたりしないでください。

Blockly マークやそのバリエーションを Blockly マークと組み合わせて使用しないでください。 アプリケーション、製品、サービス、ウェブサイトの Blockly チームからの許可が必要です(blockly-support@google.com を 権限のリクエストなど)。次のような方法で Blockly マークを変更したり使用したりしないでください。 紛らわしい、または誤解を招くようなもので、Blockly のブランディングを最も目立つ場所に使用しないでください。 要素を追加します。

標準の Blockly ロゴ

標準ロックアップ

標準ロックアップはスライド資料やブログ投稿で使用できます。

可能な限り、ロゴは横配置のロックアップとして表示する必要があります。 フルカラーのロゴマークとニュートラル 700(#5F6368)または白無地のもの ロゴタイプ。

PNG SVG
Blockly 縦長のロゴ Blockly ロゴマーク Blockly ノックアウトのロゴ
横方向のスペースが限られている場合は、縦配置のロックアップを使用できます。 フルカラーのロゴマークとニュートラル 700(#5F6368)または白色で塗りつぶされた ロゴタイプ。 縦横のスペースが限られている場合は、ロゴマークを配置できます。 ロゴタイプなしで単独で使用できます。 ロゴマークの色が背景とのコントラストが弱い場合は ノックアウト バージョンも使用できます。
PNG SVG PNG SVG PNG SVG

ロゴの色

ブロックリーブルー

#4285f4 または hsla(217, 89%, 61%, 1)

ブロック状のグレー

#c8d1db または hsla(212, 21%, 82%, 1)

ニュートラル 700

#5f6368 または hsla(213, 5%, 39%, 1)

ロゴのパディング用の高さの参照

サイズと間隔

読みやすくするため、高さのあるロゴは使用しないでください 24px 未満にします

ロックアップの場合は、少なくとも x-height x2 の余白を空けてください ロゴ。ロゴを他の要素と詰め込んだり、重ねたりしないでください。

一般的なエラー

禁止事項

  • なんらかの形でロゴを改変または変形する
  • 白以外の色で白いノックアウトを使用してください。
  • 色、形状、角度を変更する
  • 任意の方向に回転 / 反転
  • 比率、配置、配置を変更する
  • ロゴタイプを別の書体に置き換えてください
  • 古い Blockly ロゴを使用(既存の使用は都合に合わせて更新する必要があります)
  • コントラストの効かない背景でロゴを使用する(例: 薄いグレーの背景にノックアウト ロゴを使用する)
  • ロゴを他の要素と重ねたり、詰め込んだりする
  • ロゴを再描画する
  • 他の Google ブランドをプロダクトと併用する

他の Google ブランドの使用方法に関するガイドラインについては、 ブランド権限に関するサイトをご覧ください。