ブランドスタイルガイド作成ツール — カラー・フォント・ロゴを即まとめる

ブランドスタイルガイド作成ツールの使い方

1. ブランド基本情報を入力 — ブランド名・キャッチコピー・説明文を入力してください。右のプレビューにリアルタイムで反映されます。
2. カラーパレットを設定 — プライマリ・セカンダリ・アクセント・背景・テキストの5色をカラーピッカーで選択。HEX・RGB・HSLが自動表示されます。
3. フォントを設定 — 見出し・本文フォントにGoogleフォント名を入力するとプレビューに即反映されます。フォントサイズスケールも自動表示されます。
4. ロゴスタイルを選択 — テキスト・イニシャル・バッジの3スタイルからロゴ表示形式を選択できます。
5. PDF印刷ボタンで保存 — 「PDF印刷 / 保存」ボタンを押すと印刷ダイアログが開きます。PDFプリンターを選択すればスタイルガイドをPDFとして保存できます。

ブランドスタイルガイドとは

ブランドスタイルガイド（ブランドガイドライン）とは、ブランドの視覚的・言語的なルールをまとめたドキュメントです。カラーパレット・フォント・ロゴの使用ルールを定義することで、Webサイト・SNS・名刺・広告など複数の媒体でブランドの一貫性を保つことができます。スタートアップや個人事業主のブランディング初期に作成すると、デザイナーや外注先への指示もスムーズになります。本ツールはCorebook°やFrontifyの代替として、ブラウザだけで無料でスタイルガイドを作成・PDF保存できます。入力データはブラウザのlocalStorageに自動保存されるため、次回アクセス時も設定が維持されます。