名前と形と色の決まり。
BeesBuild のマーク・色・字・名前の決まりです。記事や紹介で BeesBuild を載せる時は、この決まりに沿ってください。マークのファイルは、ここから取り出せます。
色は、意味で使う。
地は暗く、字は明るく。信号の 5 色は、どの画面でも同じ意味で使います。色だけに頼らず、文字と形も添えます。
- 地 #0B0C0E ページの地
- 字 #EDEFF2 本文と見出し
- 琥珀 #FFB224 人の番。押すのは人
- シアン #4CC9F0 AI が作業している所
- 紫 #9D8CFF エンジニアのレビュー
- 緑 #34D399 完了・merge 済み・公開
- 赤 #F87171 失敗・食い違い
- 金 #BDA66B マークの中心と冠だけ
字は、3 つ。
見出しは IBM Plex Sans JP、本文は Inter と IBM Plex Sans JP、命令と数字は JetBrains Mono です。
見出し・IBM Plex Sans JP
滝のように設計し、群れのように作る。
本文・Inter と IBM Plex Sans JP
画面を見ながら全体を一度に設計し、10〜20 のブロックに分けて、AI の群れで一斉に作ります。
命令と数字・JetBrains Mono
hb canvas diff P-003
名前の書き方。
- BeesBuild
- 読みはビーズビルド。B を 2 つとも大文字にし、間を空けずに書きます。
- ビーズビルディング
- 構想から公開までの、進め方の全体。8 つの段があります。
- ウォーターフォール・スウォーム
- ビーズビルディングの作る段のやり方。設計は滝のように、作るのは群れのように。
- エージェンティック・メタハーネス
- BeesBuild が何であるかを一言で言う時の呼び方。
- BeesAgent
- BeesBuild の中の AI。
キャラクター。
エージェントは、5 つの階層の蜂で表します。冠の数が受け持つ範囲、胸のしるしが動かしている AI です。かわいく崩さず、道具の質で描きます。
-
全体の女王 冠 4 すべてのハイブを見渡す -
ハイブの女王 冠 3 1 つのプロダクトをまとめる -
コマンダー 冠 2 ブロックの束を受け持つ -
リーダー 冠 1 1 つのブロックを作り切る -
サブ 冠 0 手元の細かい仕事
使う時の決まり。
01
マークの形と色を変えない
傾ける・影を付ける・色を塗り替える・セルを動かすことはしません。
02
周りに余白を取る
マークの周りには、セル 1 つ分以上の余白を取ります。
03
琥珀は人の番だけに
琥珀は「人が押す所」の色です。飾りや強調には使いません。