mcpField
B
brand-guidelines

brand-guidelines

github.com/autumnsgroveデザイン・UI3738 回インストール53 週間前に更新
リポジトリ

brand-guidelines について

ブランドガイドラインの作成と、組織内のコミュニケーション全体への一貫した適用を支援するスキルです。ビジュアル、トーンやメッセージ、遵守状況の監査、複数ブランドの管理を扱います。

主な機能

  1. 01ロゴ・色・書体の基準
  2. 02トーンとメッセージの枠組み
  3. 03媒体別の適用ガイド
  4. 04ブランド遵守状況の監査手順
  5. 05複数ブランドとサブブランドの管理

活用シーン

  1. 01ブランドガイドの新規作成
  2. 02素材のブランド適合性の確認
  3. 03文書へのブランド基準の適用
  4. 04サブブランド間の基準調整

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/autumnsgrove/claudeskills --skill brand-guidelines

インストール後、Claude Code で/brand-guidelinesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
examples/
brand-config.json
brand-guideline-template.md
color-palette.json
logo-usage-guide.md
style-guide-template.md
voice-examples.md
references/
application-domains.md
detailed-workflows.md
visual-specifications.md
voice-and-messaging.md

詳細

ブランドガイドラインスキル

すべてのコミュニケーションチャネルと資料において、包括的なブランドの一貫性とコーポレートアイデンティティの基準を適用します。

概要

ブランドガイドライン(ブランドスタイルガイドまたはブランドブック)は、あらゆる顧客接点でブランドを視覚的・言語的にどのように表現するかを定めるものです。このスキルは、プロフェッショナルなブランドガイドラインの作成と、一貫したブランド運用を支援します。

このスキルを使う場面

次のような場合に、このスキルを使用します。

  • 包括的なブランドガイドラインをゼロから作成する
  • 既存の資料を監査し、ブランド基準への準拠を確認する
  • ブランド基準を適用し、ドキュメント、ウェブサイト、マーケティング資料を作成する
  • ブランドアイデンティティの要素(ロゴ、色、タイポグラフィ)を定義または改善する
  • トーン・オブ・ボイスとメッセージングのフレームワークを確立する
  • 組織内の複数のブランドやサブブランドを管理する
  • ブランドカラーの選択においてアクセシビリティを確保する
  • 適切なブランドの使用方法について関係者をトレーニングする

ブランドの主要要素

1. ロゴのガイドライン

ロゴのバリエーション(プライマリ、セカンダリ、アイコン、横型/縦型、反転)と、使用ルール(クリアスペース、最小サイズ、色のバリエーション)、禁止される変更(引き伸ばし、回転、色の変更、効果の追加、煩雑な背景への配置は禁止)を定義します。

クイックリファレンス:

  • 最小サイズ:印刷では0.75インチ、デジタルでは120px
  • クリアスペース:ロゴの要素の高さ分を四辺に確保
  • 必須のバリエーション:フルカラー、モノクロ、反転

ロゴの仕様については references/visual-specifications.md を、ロゴの使用に関する適切な例と不適切な例については examples/logo-usage-guide.md を参照してください。

2. カラーシステム

プライマリカラー(1~3色)、セカンダリカラー(2~5色)、アクセントカラー(1~3色)、ニュートラルカラーを設定します。すべてのカラー値(Pantone、CMYK、RGB、HEX、HSL)を指定し、WCAGアクセシビリティ基準への準拠を確保します。

クイックリファレンス:

  • WCAG AA:テキストのコントラスト比4.5:1
  • WCAG AAA:コントラスト比7:1(推奨)
  • 承認済みのカラーの組み合わせを記録する

アクセシビリティ要件を含むカラー仕様の詳細については references/visual-specifications.md を参照してください。

3. タイポグラフィ

プライマリとセカンダリの書体およびウェイトを定義し、階層(H1~H6、本文、特殊テキスト)を設定して、間隔のルールを定めます。

クイックリファレンス:

  • フォントのウェイトと代替フォントを指定する
  • サイズの段階と行の高さを定義する
  • 最適な行の長さを設定する:45~75文字
  • ライセンス要件を記録する

タイポグラフィシステムの詳細については references/visual-specifications.md を参照してください。

4. アイコノグラフィと画像

アイコンのスタイル(線の太さ、角の丸み、グリッドシステム)と、写真撮影のガイドライン(構図、照明、色調整、技術要件)を定めます。

詳細な仕様については references/visual-specifications.md を参照してください。

5. 間隔とレイアウト

8pxを基本単位とする間隔システムを使用し、デスクトップ(12列)、タブレット(8列)、モバイル(4列)のレイアウト向けにグリッドシステムを定義します。

グリッドの仕様については references/visual-specifications.md を参照してください。

6. ブランドの声とトーン

声の特徴を定義し、声のスペクトラム上の位置づけを作成して、さまざまな状況(カスタマーサポート、マーケティング、技術ドキュメント、ソーシャルメディア、社内コミュニケーション)に応じたトーンの調整方法を定めます。

クイックリファレンス:

  • 能動態と二人称を使用する
  • カジュアルな場面では短縮形を使う
  • オーディエンスとチャネルに応じてトーンを調整する
  • 文体と句読点の一貫性を保つ

声のガイドラインの詳細については references/voice-and-messaging.md を、変更前後の例については examples/voice-examples.md を参照してください。

7. メッセージングフレームワーク

エレベーターピッチのテンプレートを作成し、プライマリメッセージとセカンダリメッセージを定義し、裏付けとなる根拠を確立して、CTAのガイドラインを作成します。

メッセージングフレームワークの詳細については references/voice-and-messaging.md を参照してください。

適用領域

デジタルアセット

ウェブサイトへのブランド適用、ソーシャルメディアのガイドライン、メールマーケティングのテンプレート。

印刷物

名刺、パンフレット、看板、バナー。

マーケティング資料

ホワイトペーパー、ケーススタディ、製品シート。

製品パッケージ

パッケージデザインのガイドライン、ラベルデザイン。

社内コミュニケーション

プレゼンテーションテンプレート、社内ニュースレター、社内サイン。

すべてのチャネルを網羅した包括的なガイドラインについては、references/application-domains.md を参照してください。

コアワークフロー

ワークフロー 1:包括的なブランドガイドラインの作成

フェーズ 1:ブランドの基盤 ブランド戦略を定義し、ブランド監査と競合分析を実施します。

フェーズ 2:ビジュアルアイデンティティの開発 ロゴをデザインまたは調整し、カラーパレットとタイポグラフィシステムを開発して、補助的なビジュアル要素を確立します。

フェーズ 3:ボイスとメッセージ ブランドボイスの特性を定義し、メッセージングフレームワークを作成します。

フェーズ 4:適用ガイドライン 適用例を作成し、推奨事項と禁止事項を文書化します。

フェーズ 5:ドキュメントの作成 ガイドラインドキュメントの構成を決め、ブランド基準に沿ってデザインし、複数のバージョン(完全版、クイックリファレンス)を作成します。

フェーズ 6:配布と導入 デジタルアセットライブラリを作成し、トレーニングを実施して、保守計画を策定します。

詳細な手順については、references/detailed-workflows.md を参照してください。

ワークフロー 2:ブランド準拠に関する素材の監査

監査の準備 監査範囲を定義し、ロゴ、色、タイポグラフィ、画像、メッセージ、レイアウト、アクセシビリティを網羅する包括的なチェックリストを作成します。

監査の実施 素材を体系的に確認し、重要度を評価して問題を記録し、所見を分類します。

分析と報告 傾向を分析し、根本原因を特定して、詳細な監査レポートを作成します。

是正 修正の優先順位(重大、中程度、軽微)を決め、修正を実施し、再発防止策を導入します。

監査方法の全容とチェックリストのテンプレートについては、references/detailed-workflows.md を参照してください。

ワークフロー 3:新しいドキュメントへのブランドの適用

計画フェーズ ドキュメントの目的、対象読者、目標を理解し、ブランドリソースを集めます。

デザインフェーズ ドキュメントの構成を設定し、ブランドの基盤を適用して階層を確立し、ビジュアルブランド要素を適用します。

コンテンツフェーズ ブランドに沿ったコンテンツを作成し、ブランドボイスを適用して、重要なメッセージを盛り込みます。

レビューと調整 ガイドラインに照らしてセルフレビューを行い、フィードバックと承認を得ます。

仕上げ 最終ファイルを準備し、アセットを整理して、今後の参照用に記録します。

ドキュメント作成ワークフローの詳細については、references/detailed-workflows.md を参照してください。

ワークフロー 4:複数のブランド/サブブランドの管理

ブランドアーキテクチャの設定 ブランドの関係(ブランドハウス、ハウス・オブ・ブランド、承認ブランド、またはハイブリッド)を定義し、ブランド階層を確立します。

マルチブランドガイドラインの策定 階層型のガイドラインを作成し、共通要素と固有要素を定義します。

ブランド管理システム ブランドアセットを整理し、DAM システムとブランドポータルを導入します。

ブランド間の一貫性 ブランドファミリーとしての統一感を保ち、共同ブランディングのシナリオに対応して、ガバナンスを確立します。

マルチブランド管理戦略については、references/detailed-workflows.md を参照してください。

ベストプラクティス

チャネル間の一貫性を維持する
  • ブランド要素を保護した編集不可のテンプレートを作成します
  • ブランドにとって重要な素材の承認ワークフローを確立します
  • 承認済みアセットに簡単にアクセスできるようにします
  • 定期的なブランド監査を予定します(週次のモニタリング、四半期ごとの簡易監査、年次の包括的な監査)
柔軟性と一貫性のバランスを取る
  • 中核となる譲れない要素(ロゴ、主要色、主要書体)を定義します
  • 承認された領域(補助色、画像の選択、コンテンツ構成)には柔軟性を持たせます
  • 特別な状況に対応する例外申請プロセスを設けます
  • 承認された例外を文書化します
関係者のトレーニング
  • 段階別のトレーニングを用意します(全員向けのブランド基礎、マーケティング向けの詳細、ベンダー向けガイドライン)
  • クイックリファレンス資料を提供します(1 ページのガイド、動画チュートリアル)
  • 主要な関係者向けの認定プログラムを導入します
  • 定期的な再トレーニングを予定します
ブランド準拠度の測定

カテゴリ(ロゴの使用、色の正確さ、タイポグラフィ、画像、ブランドボイス)ごとの準拠スコアを追跡し、経時的な傾向を把握して、優れたブランド管理を評価します。

よくある落とし穴と解決策

ロゴの誤用

問題: ロゴの引き伸ばし、色の変更、クリアスペースの不足 解決策: 編集できないロゴファイルを提供し、視覚的な使用可・不可のガイドを作成して、承認プロセスを導入します

色の不統一

問題: 正確な値ではなく近似色を使用する、アクセシビリティへの配慮が不十分 解決策: すべての形式でカラースウォッチを提供し、承認済みの組み合わせを文書化して、すべての配色をWCAG準拠についてテストします

タイポグラフィの違反

問題: 不適切なフォント、一貫性のない階層、読みにくさ 解決策: ライセンス付きのフォントファイルを提供し、階層テンプレートを作成して、最小サイズ要件を設定します

ブランドイメージに合わない画像

問題: ありきたりなストックフォト、一貫性のないスタイル、低い品質 解決策: 承認済みの写真スタイルガイドを作成し、承認済み画像ライブラリを厳選して、画像の例を提供します

ブランドボイスの不統一

問題: ブランドに合わないトーン、堅苦しい業界用語、受動態 解決策: ブランドボイスの特徴を明確に定義し、修正前後の例を示して、ライティング研修を実施します

実際の修正前後の比較については、examples/voice-examples.md を参照してください。

リソースとテンプレート

テンプレート一式
  • ブランドガイドライン文書テンプレート: examples/brand-guideline-template.md
  • ロゴ使用ガイド: examples/logo-usage-guide.md
  • ブランドボイスとトーンの例: examples/voice-examples.md
参考資料
  • ビジュアル仕様: references/visual-specifications.md
  • ブランドボイスとメッセージ: references/voice-and-messaging.md
  • 適用領域: references/application-domains.md
  • 詳細なワークフロー: references/detailed-workflows.md

重要なポイント

ブランドガイドラインを作成する場合:
  • デザインの前に戦略から始めます
  • すべてを文書化します(仕様、比率、使用例)
  • 最初からアクセシビリティをテストします
  • 複数のバージョンを作成します(包括版とクイックリファレンス)
  • ガイドライン自体も、表現するブランドを反映したものにします
ブランドガイドラインを適用する場合:
  • 新しい資料を作成する前に、必ずガイドラインを参照します
  • テンプレートがある場合は使用します
  • 判断に迷った場合は、承認を求めます
  • 例外は理由とともに記録します
  • 完成した成果物を、ほかの人の参考例として共有します
ブランドの一貫性を維持する場合:
  • ガイドラインに簡単にアクセスできるようにします
  • 編集できないテンプレートを提供します
  • 定期的に監査を実施します
  • 継続的な研修を提供します
  • 優れたブランド管理を称賛します
  • ブランドの進化に合わせてガイドラインを更新します
効果的なブランドガイドラインの特徴:
  • 関係者が必要な答えをすぐに見つけられます
  • ブランド準拠度が時間とともに向上します
  • すべてのチャネルで資料に一貫性があります
  • チームが自信を持って自立して作業できます
  • ブランドがひと目で認識できます

コメント