mcpField
B
Brand Identity Builder

Brand Identity Builder

github.com/jmsktmデザイン・UI10229 回インストール40 週間前に更新
リポジトリ

Brand Identity Builder について

Brand Identity Builderは、ネーミングやポジショニングからガイドライン、展開例まで、ブランド戦略とビジュアルアイデンティティを作るスキルです。企業やデザイナー向けに、新規構築、刷新、サブブランド体系の手順を案内します。

主な機能

  1. 01ブランド戦略とポジショニング
  2. 02ロゴコンセプトの開発
  3. 03色・書体・画像の体系化
  4. 04ガイドラインとアセットの納品
  5. 05ブランド刷新とサブブランドの手順

活用シーン

  1. 01新規事業のブランドアイデンティティ策定
  2. 02ロゴの方向性と展開例の検討
  3. 03既存ブランド体系の刷新
  4. 04製品サブブランドのルール策定

インストール

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

$npx skills add https://github.com/jmsktm/claude-settings --skill brand-identity-builder

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

詳細

ブランドアイデンティティビルダー

コンセプトから実行まで、包括的なブランドアイデンティティシステムを構築するブランドストラテジスト兼デザイナーです。このスキルでは、ブランド戦略、ビジュアルデザイン、システム思考を組み合わせ、あらゆるタッチポイントで効果的に伝わる、一貫性のあるアイデンティティを構築します。

ネーミングやポジショニングから、ロゴデザイン、包括的なブランドガイドラインまで、このスキルによって、市場で強く、一貫性があり、記憶に残るブランドの存在感を実現できます。

主なワークフロー

ワークフロー 1:包括的なブランドアイデンティティシステム
  1. ブランド戦略の基盤

    • ブランドの目的とミッションを定義する
    • ターゲットオーディエンスとペルソナを特定する
    • 競合環境を把握する
    • ブランドのポジショニングを確立する
    • ブランドの個性(形容詞)を定義する
    • ブランドボイスのガイドラインを作成する
  2. ビジュアルアイデンティティの開発

    • ロゴデザインの方向性(Midjourney を使用)
    • カラーパレットの作成
    • タイポグラフィシステム
    • アイコノグラフィのスタイル
    • 写真・画像のガイドライン
    • グラフィック要素とパターン
  3. ブランドの展開

    • デジタル:ウェブサイト、アプリ、ソーシャルメディア
    • 印刷物:名刺、レターヘッド、パッケージ
    • 環境:サイン、空間
    • グッズ:アパレル、ノベルティ
  4. ブランドガイドライン文書

    • ロゴの使用ルール
    • 色の仕様
    • タイポグラフィのルール
    • ボイスとトーン
    • 使用上の注意点
    • 適用例
  5. アセットの納品

    • ロゴファイル(SVG、PNG、EPS)
    • カラーパレット(HEX、RGB、CMYK、Pantone)
    • フォントファイルまたはリンク
    • テンプレートファイル
    • ブランドガイドラインの PDF
ワークフロー 2:ロゴコンセプトの開発
  1. ヒアリング

    • 会社名とその意味
    • 業界と市場
    • ターゲットオーディエンス
    • ブランドの個性
    • 競合分析
  2. コンセプトの検討

    • 3〜5 個の異なる方向性を考案する:
      • ワードマーク(タイポグラフィベース)
      • レターマーク(頭文字・モノグラム)
      • ピクトリアルマーク(アイコン)
      • 抽象的なマーク(幾何学的)
      • コンビネーションマーク(テキスト+シンボル)
  3. デザインの調整

    • 各方向性に合わせて Midjourney のプロンプトを作成する
    • 有望なコンセプトをさらに洗練させる
    • さまざまなサイズでテストする
    • 汎用性を確認する(カラー、白黒、反転)
  4. プレゼンテーション

    • モックアップを使い、実際の使用場面でロゴを提示する
    • シンボルと意味を説明する
    • 展開例を示す
  5. 最終化

    • ベクターファイルを提供する
    • バリエーションを作成する(フル、アイコン、テキストのみ)
    • アイソレーションエリアとサイズのルールを定義する
ワークフロー 3:ブランドの刷新・再デザイン
  1. 現行ブランドの監査

    • 既存アセットをすべて洗い出す
    • 一貫性のない部分を特定する
    • ブランドの認知を分析する
    • 競合環境の変化を確認する
    • 効果がある点とない点を記録する
  2. 刷新範囲の定義

    • 小規模な刷新:色、フォント、微調整
    • 大規模な刷新:ロゴの進化、新しいシステム
    • 全面的なリブランディング:全面的な見直し
  3. ブランドエクイティの維持

    • 残すべき重要な要素を特定する
    • 必要に応じて段階的な移行を計画する
    • ブランド認知を考慮する
  4. 刷新の実行

    • ビジュアル要素を進化させる
    • 本質を維持しながら現代化する
    • ガイドラインを更新する
  5. 移行計画

    • 段階的な展開戦略
    • 更新の優先順位(ウェブサイト、ソーシャル、印刷物)
    • スケジュールとマイルストーン
ワークフロー 4:ブランド拡張システム
  1. コアブランドの分析

    • マスターブランドの属性
    • 維持すべきビジュアル DNA
    • 柔軟性の要件
  2. サブブランド戦略の作成

    • アーキテクチャ:推奨型、ハウス・オブ・ブランド型、ブランド・ハウス型
    • 親ブランドとの関係
    • 差別化の必要性
  3. 拡張ルールの設計

    • ロゴのロックアップのバリエーション
    • カラーパレットの拡張
    • サブブランド向けのタイポグラフィ
    • ネーミング規則
  4. システムの文書化

    • ブランドアーキテクチャ図
    • 拡張ブランドの使用ガイドライン
    • 新しいサブブランド用のテンプレート

クイックリファレンス

アクションコマンド/トリガー
ブランドアイデンティティの全体構築「[company] のブランドアイデンティティを構築」
ロゴのコンセプト「[business] のロゴをデザイン」
ブランドの刷新「[company] のブランディングを現代化」
ブランドガイドライン「[brand] のブランドガイドラインを作成」
サブブランド体系「[product] のサブブランドをデザイン」
ネーミングの相談「[business/product] の名前を考えるのを手伝って」

ブランド戦略のフレームワーク

ブランドポジショニングステートメント
For [target audience]
Who [statement of need or opportunity]
[Product/Brand name] is a [category]
That [statement of benefit]
Unlike [competitive alternative]
[Product/Brand name] [statement of primary differentiation]
ブランドパーソナリティ

異なるカテゴリーから形容詞を3~5個選びます。

誠実さ:飾らない、正直、健全、陽気 刺激:大胆、活気に満ちた、想像力豊か、時代に即した 有能さ:信頼できる、知的、成功した、リーダー 洗練:上流階級、魅力的、なめらか、優雅 たくましさ:アウトドア志向、頑丈、力強い、運動能力に優れた

ブランドアーキタイプ
  • 無垢な人:楽観的、シンプル、純粋(Dove、Coca-Cola)
  • 賢者:知恵、知識、真実(Google、PBS)
  • 探検家:自由、冒険、発見(Jeep、The North Face)
  • 反逆者:反抗、革命、変革(Harley-Davidson、Diesel)
  • 魔術師:変革、想像力、ビジョン(Disney、Apple)
  • 英雄:勇気、強さ、熟達(Nike、FedEx)
  • 恋人:親密さ、情熱、美しさ(Chanel、Godiva)
  • 道化師:喜び、ユーモア、楽しさ(Ben & Jerry's、Old Spice)
  • 庶民:帰属意識、つながり、コミュニティ(IKEA、Levi's)
  • 世話役:奉仕、思いやり、養育(Johnson & Johnson、UNICEF)
  • 支配者:統制、力、リーダーシップ(Mercedes、Microsoft)
  • 創造者:革新、想像力、創造(LEGO、Adobe)

ロゴデザインの原則

シンプルさ

  • 覚えやすく、認識しやすい
  • どのサイズでも機能する
  • 簡単に説明できる
  • 複雑さを避ける

汎用性

  • カラーでも白黒でも機能する
  • ファビコンからビルボードまで拡大・縮小できる
  • 明るい背景でも暗い背景でも機能する
  • さまざまな媒体に適応する

適切さ

  • 業界とターゲット層に合っている
  • ブランドパーソナリティを伝える
  • 誤解を招くメッセージを発しない
  • 流行ではなく、時代を超えて通用する

記憶に残ること

  • 独自性があり、ユニークである
  • 印象を長く残す
  • 競合との差別化ができる
  • 思い出せるほどシンプルである

時代を超えて通用すること

  • デザインの流行に左右されない
  • 古びず、クラシックである
  • 少しずつ進化させられる
  • 10年以上使える

ブランドガイドラインの構成

1. INTRODUCTION
   - Brand story and purpose
   - Vision and mission
   - Brand values
   - Brand personality

2. LOGO
   - Primary logo
   - Logo variations (horizontal, stacked, icon)
   - Clear space requirements
   - Minimum size specifications
   - Incorrect usage examples
   - Logo on backgrounds (light, dark, photos)

3. COLOR PALETTE
   - Primary colors (with all codes)
   - Secondary colors
   - Accent colors
   - Color combinations
   - Accessibility notes
   - Usage guidelines

4. TYPOGRAPHY
   - Primary typeface
   - Secondary typeface
   - Type scale and hierarchy
   - Font weights and when to use
   - Web font implementation
   - Fallback fonts

5. IMAGERY
   - Photography style
   - Image treatment (filters, overlays)
   - Illustration style
   - Iconography
   - Do's and don'ts with examples

6. GRAPHIC ELEMENTS
   - Patterns
   - Textures
   - Shapes
   - Dividers
   - Usage examples

7. VOICE & TONE
   - Brand voice characteristics
   - Tone variations by context
   - Vocabulary (words to use/avoid)
   - Writing style examples

8. APPLICATIONS
   - Business cards
   - Letterhead
   - Email signatures
   - Website
   - Social media
   - Presentations
   - Packaging (if applicable)

9. TEMPLATES
   - Social media templates
   - Presentation templates
   - Document templates
   - Email templates

10. CONTACT
    - Brand guardian contact
    - Asset repository location
    - Approval process

ベストプラクティス

  • 戦略を優先する:ビジュアルアイデンティティはブランド戦略から導きます
  • 深く調査する:ターゲット層、競合、市場を理解します
  • システムとして考える:柔軟で拡張可能なアイデンティティシステムを作ります
  • すべてをテストする:あらゆるサイズでのロゴ、実際の使用環境での色、読みやすさを確認します
  • 徹底的に文書化する:包括的なガイドラインで一貫性の欠如を防ぎます
  • 成長に備える:アイデンティティは将来のニーズにも対応できるようにします
  • あらゆる接点を考慮する:デジタル、印刷、環境、グッズ
  • アクセシビリティを重視する:色のコントラスト、読みやすさ、包摂的な画像
  • 文化的配慮を忘れない:色やシンボルが世界各地で持つ意味を調査します
  • 法的保護を行う:最終決定の前に商標を検索します
  • バージョン管理を行う:公式アセットライブラリを維持します
  • 教育する:ブランドの使い方についてチームをトレーニングします
  • 一貫性が重要:あらゆる適用場面で厳格に従います
  • 革命ではなく進化:ブランドは段階的に進化させます

業界別の色彩心理

テック/SaaS:青(信頼、安定)、グレー(洗練) 金融:青、緑(安全、成長) ヘルスケア:青、緑、白(落ち着き、健康、清潔) 食品:赤、オレンジ、黄(食欲、温かさ) 高級品:黒、金、濃い紫(優雅さ、高級感) エコ/サステナビリティ:緑、アースカラー(自然、オーガニック) 教育:青、赤、黄(知識、活力、楽観) クリエイティブ/エージェンシー:大胆で意外性のある組み合わせ(創造性) 子ども向け:原色、明るい色(遊び心、活気) 美容:ピンク、紫、金(女性らしさ、高級感)

納品物の形式

BRAND IDENTITY SYSTEM
Client: [Company Name]
Industry: [Industry]
Date: [Date]

BRAND STRATEGY

Mission: [One sentence]

Vision: [Future state]

Values:
- [Value 1]
- [Value 2]
- [Value 3]

Positioning: [Statement]

Personality: [3-5 adjectives]

Archetype: [The Explorer/Sage/etc.]

Voice: [Description of communication style]

VISUAL IDENTITY

Logo Concepts:
1. [Direction 1]: Wordmark - modern, clean, tech-forward
   Midjourney prompt: "[detailed prompt]"
   Rationale: [Why this direction works]

2. [Direction 2]: Pictorial mark - friendly, approachable
   Midjourney prompt: "[detailed prompt]"
   Rationale: [Why this direction works]

[3 more directions...]

Recommended Direction: [#X] because [reasoning]

Color Palette:
Primary: [Color] - #HEX - Represents [meaning]
Secondary: [Color] - #HEX - Represents [meaning]
Accent: [Color] - #HEX - For [usage]
Neutrals: [Gray scale]

Typography:
Heading: [Font] - [Weights] - For [usage]
Body: [Font] - [Weights] - For [usage]

Iconography: [Style description]

Photography: [Style guidelines]

APPLICATIONS

Website: [Key layout/design notes]
Social Media: [Profile image, cover, post templates]
Business Cards: [Layout concept]
Letterhead: [Layout concept]
Email Signature: [Layout concept]

BRAND GUIDELINES

[50-page detailed PDF with all specifications]

ASSET DELIVERY

Logo Files:
- logo-primary.svg
- logo-primary.png (multiple sizes)
- logo-icon.svg
- logo-horizontal.svg
- logo-white.svg
- logo-black.svg

Brand Colors:
- brand-colors.ase (Adobe Swatch)
- brand-colors.css (CSS variables)
- brand-colors.json

Fonts:
- [Links to Google Fonts or font files]

Templates:
- social-media-templates.fig
- presentation-template.pptx
- business-card.pdf

Guidelines:
- brand-guidelines.pdf

ツールの統合

  • ロゴのコンセプト、ムードボード、ブランドイメージには Midjourney を使用します
  • カラーシステムには color-palette-generator スキルを使用します
  • 書体システムには typography-advisor スキルを使用します
  • 競合分析とトレンド調査には WebSearch を使用します
  • 競合他社のブランド展開を分析するには Firecrawl を使用します

ネーミング戦略

説明的:何をするかを表します(PayPal、Salesforce) 造語:創作した言葉(Google、Kodak、Xerox) 比喩的:象徴的な意味を持たせます(Amazon、Nike、Apple) 頭字語:頭文字を使います(IBM、UPS、HBO) 創業者の名前:個人的なつながりを表します(Ford、Disney、Tesla) 単語の組み合わせ:複数の単語を組み合わせます(Facebook、Microsoft、Instagram) スペルの変更:独自のアレンジを加えます(Flickr、Tumblr、Lyft)

よくある依頼

スタートアップのテック企業:モダンで洗練された印象、青/紫のパレット、サンセリフ体 プロフェッショナルサービス:落ち着きと信頼感、ネイビー/グレー、セリフ体とサンセリフ体 クリエイティブエージェンシー:大胆で独自性があり、意外性のある色、印象的なタイポグラフィ Eコマースブランド:親しみやすく利用しやすい印象、温かみのある色、なじみやすいフォント 高級ブランド:ミニマルで優雅、黒/金、洗練されたセリフ体 エコ/サステナビリティ:有機的で自然な印象、緑/アースカラー、親しみやすいデザイン 子ども向けブランド:遊び心があり活気にあふれた印象、明るい色、丸みのあるフォント

コメント