ブランドスタイルガイド — 自動下書きを手直しできる
ブラウザでブランドガイドラインを組み立てます。手順:ブランド名、業種、主色 HEX(例 Northline Studio #0F6E8C)、性格タグ、モジュール選択 → アイソレーション、配色、字体、余白、やってよい/だめな例入りのルール下書き → Markdown または JSON をコピー。自動提案はフィールド単位で編集可 — クラウド AI ではありません。アップロードなし。
タグは角丸、字体ヒント、ボイス、主色の使用面積に反映されます。
オフのモジュールはプレビューと出力に含まれません。
編集可能な下書きであり、商標の法的助言ではありません。構成プリセット(厳格 / プロダクト / フレンドリー)は公開ガイド構造を参考にした教育用パターン — 公式キットでも各団体との提携でもありません。生成はローカル。第三者 Logo はホストしません。
使い方
基本情報を入力し、構成プリセットとモジュールを選んで生成。性格ルール(角丸、字体、ボイス、主色面積)がやってよい/だめな例を作り Markdown/JSON を出力。編集したフィールドは手動のまま;未編集だけ再提案は触っていない自動値のみ更新。
想定されるルール
モジュール、自動 vs 手動、コントラスト、プライバシー。
- 構造は モジュール → 要素 → 例(OK/NG)。オフモジュールは出力に含まれません。
- 性格タグ → 角丸、主色最大面積、字体ロール、ボイス — ルールは見える、ブラックボックスではない。
- Logo アイソレーション既定 1× マーク高(厳格は 1.5×)。デジタル最小サイズはプリセット依存。
- ステータス色は固定でブランド主色と分離;エラーはブランド色相を継承しません。
- 「自動」= このタブの決定論ルール — クラウド LLM ブランドキットではありません。
- プライバシー:生成・プレビュー・クリップボードコピーはローカル。Logo やブランドパックはアップロードしません。
例
サンプル読込:Northline Studio、SaaS、#0F6E8C、落ち着き+テクニカル、プロダクト preset。プレビュー:基礎、アイソレーション 1×、teal 主色と派生副色/アクセント、固定ステータス、字体ロール、8px 余白、OK/NG カード。Markdown と JSON も同期。
こんなときに
- デザイナー雇う前に最初のビジュアルルールを書きたい個人サイト。
- PDF だけでなく編集可能 Markdown をクライアントに渡すフリーランス。
- Web・SNS・アプリ UI を同じアイソレーションと色比率で揃える小チーム。
Frequently asked questions
パレットツールとの違いは?
パレットはスウォッチや CSS token が中心。ここは Logo・字体・余白・例入りの多モジュール文書。より深い配色は Brand Color Scale や Smart Website Color Scheme を。
「自動」は AI ブランド生成と同じ?
いいえ。固定で見えるルール(性格→角丸/字体/ボイス、HEX→副色/アクセント)。モデル API には送りません。
構成プリセットは何を変える?
厳格は Logo アイソレーションと境界;プロダクトは token 向けモジュール;フレンドリーはボイスと接点もオン。モジュールは手動切替可。
正式な商標使用許諾になる?
なりません。出力は自社ブランドの作業下書き。法的助言でも他人のマーク使用許可でもありません。
オフのモジュールは JSON に残る?
モジュール flag は保存;プレビューと Markdown はオフ部分を省略し、有効分だけパートナーに見せます。
Word と PDF の書き出しはどう動く?
Word/PDF は画面プレビューと同じ見た目を html2canvas で捉え、.docx 画像または PDF ページに分割します。モーションデモは静止画に固定。生成後はローカル処理;ダウンロード時にライブラリを読み込みます。
お問い合わせ・フィードバック
分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。