brand-identity
ビジネスやプロダクトのブランド戦略とアイデンティティデザインを支援します。ブランドガイドラインの作成、ビジュアルアイデンティティシステムの構築、またはブランドポジショニングの定義が必要な際に活用してください。
description の原文を見る
Brand strategy and identity design for businesses and products. Use when creating brand guidelines, developing visual identity systems, or defining brand positioning.
SKILL.md 本文
ブランド・アイデンティティ
ブランド・アイデンティティの構築と運用に関する包括的なガイド。戦略から実行まで網羅しています。
ブランド戦略の基礎
ブランドとは何か
ブランド = 人々の心に形成されるイメージ
ブランドではないもの:
✗ ロゴだけ
✗ ビジュアル・アイデンティティだけ
✗ 自分たちについて自分たちが言うこと
ブランドであるもの:
✓ 顧客への約束
✓ 感情的な結びつき
✓ 評判と信頼
✓ 他者が言うあなたについてのこと
ブランド階層
┌─────────────────────────────────────────┐
│ ブランド目的 │
│ 存在する理由(利益以上の意味) │
├─────────────────────────────────────────┤
│ ブランド・ビジョン │
│ 向かう先 │
├─────────────────────────────────────────┤
│ ブランド・ミッション │
│ そこに到達する方法 │
├─────────────────────────────────────────┤
│ ブランド・バリュー │
│ 信じていること │
├─────────────────────────────────────────┤
│ ブランド・パーソナリティ │
│ コミュニケーション方法 │
├─────────────────────────────────────────┤
│ ブランド・アイデンティティ │
│ ビジュアルと言語の表現 │
└─────────────────────────────────────────┘
ブランド戦略
ブランド目的
テンプレート:
私たちは [対象者] のために [行動] することで、
[方法] を通じて [影響] を与えるために存在します。
例:
Nike: 「世界中のすべてのアスリートに
インスピレーションとイノベーションをもたらすこと」
Patagonia: 「私たちは故郷である地球を救うために
事業を営んでいます」
Tesla: 「世界を持続可能なエネルギーへの
転換を加速させるために」
ブランド・ポジショニング
ポジショニング・ステートメント・テンプレート:
[ターゲット・オーディエンス] の中で、
[ニーズ/ウォント] を持つ人たちに対して、
[ブランド名] は [カテゴリ] であり、
[主要なベネフィット] をもたらします。
[競合企業] と異なり、
私たちは [ユニークな差別化要因] を提供します。
例:
忙しいプロフェッショナルで、
迅速で栄養価の高い食事を求める人たちに対して、
HelloFresh は食事キット配送サービスであり、
調理済みの材料と簡単なレシピを提供します。
食材の買い物と異なり、
私たちは食品ロスと決定疲れを排除します。
競争的ポジショニング・マップ
高価格
│
│
プレミアム │ ラグジュアリー
クオリティ │ エクスクルーシブ
│
────────────────┼────────────────────
│
バリュー │ ステータス
ベーシック │ シンボル
│
│
低価格
知覚価値低 ───────────── 知覚価値高
ブランド・アーキタイプ
| アーキタイプ | 欲求 | 戦略 | 例 |
|---|---|---|---|
| イノセント | 安全 | 純粋でシンプルに | Coca-Cola, Dove |
| エクスプローラー | 自由 | 世界を発見 | Jeep, North Face |
| セージ | 叡智 | 真実を見つける | Google, TED |
| ヒーロー | 習熟 | 勇敢に行動する | Nike, FedEx |
| アウトロー | 解放 | ルールを破る | Harley, Virgin |
| マジシャン | 力 | 変容させる | Apple, Disney |
| レギュラー | 所属 | 本物であること | IKEA, Target |
| ラバー | 親密さ | つながりを作る | Chanel, Godiva |
| ジェスター | 楽しさ | 遊ぶこと | M&Ms, Old Spice |
| ケアギバー | サービス | 他者を助ける | Johnson & Johnson |
| クリエイター | 革新 | 価値を創造する | Lego, Adobe |
| ルーラー | コントロール | 主導権を握る | Mercedes, Rolex |
ビジュアル・アイデンティティ・システム
ロゴ・デザイン原則
効果的なロゴの特性:
┌─────────────────────────────────────────┐
│ ✓ シンプル:あらゆるサイズで機能する │
│ ✓ 記憶に残る:個性的でユニーク │
│ ✓ 時代を超える:トレンドを避ける │
│ ✓ 多用途:すべてのコンテキストで対応 │
│ ✓ 適切性:業種に合致している │
└─────────────────────────────────────────┘
ロゴの種類
| タイプ | 説明 | 最適な用途 |
|---|---|---|
| ワードマーク | 企業名をスタイリング | ユニークな名前(Google, Coca-Cola) |
| レターマーク | イニシャルのみ | 長い名前(IBM, HBO) |
| ブランドマーク | シンボルのみ | 確立されたブランド(Apple, Nike) |
| コンビネーション | シンボル + ワードマーク | 多用途性(Adidas, Burger King) |
| エンブレム | シンボル内のテキスト | 伝統的(Starbucks, Harley) |
| マスコット | キャラクター | フレンドリーなブランド(KFC, Michelin) |
ロゴのクリアスペース
┌─────────────────────────────────────┐
│ │
│ ┌─────────────────────┐ │
│ │ │ │
│ │ ┌───────────┐ │ │
│ │ │ ロゴ │ │ X = ロゴの高さ
│ │ │ │ │
│ │ └───────────┘ │ 最小クリアスペース
│ │ X │ = 全方向で X
│ │ ↓ │
│ └─────────────────────┘ │
│ X │
└─────────────────────────────────────┘
カラー・システム
基本パレット:
┌─────────────────────────────────────────┐
│ プライマリ │ 主要要素に使用 │
│ #0066FF │ デザインの 60% │
├────────────────┼────────────────────────┤
│ セカンダリ │ 補助要素に使用 │
│ #00CC88 │ デザインの 30% │
├────────────────┼────────────────────────┤
│ アクセント │ CTA、ハイライト │
│ #FF6B00 │ デザインの 10% │
└────────────────┴────────────────────────┘
拡張パレット:
- ニュートラルグレー(背景、テキスト)
- 成功/エラー/警告の状態色
- 各色のライト/ダークバリアント
タイポグラフィ・システム
フォント階層:
┌─────────────────────────────────────────┐
│ ディスプレイ │
│ 見出し、ヒーロー・テキスト用 │
│ [ディスプレイ・フォント名] Bold │
├─────────────────────────────────────────┤
│ ヘッディング │
│ セクション・タイトル用 │
│ [ヘッディング・フォント名] Semibold │
├─────────────────────────────────────────┤
│ ボディ │
│ 段落、コンテンツ用 │
│ [ボディ・フォント名] Regular │
├─────────────────────────────────────────┤
│ UI / キャプション │
│ ボタン、ラベル、メタデータ用 │
│ [UI フォント名] Medium │
└─────────────────────────────────────────┘
ブランド・ボイスとトーン
ボイス属性
3~5 個のボイス特性を定義します:
例(テック・スタートアップ):
┌─────────────────────────────────────────┐
│ 大胆 │
│ ではないもの:攻撃的、傲慢 │
│ あるもの:自信、直接的、断定的 │
├─────────────────────────────────────────┤
│ フレンドリー │
│ ではないもの:不専門的、カジュアル │
│ あるもの:温かみ、親しみやすさ、人間的 │
├─────────────────────────────────────────┤
│ 明確 │
│ ではないもの:過度に簡潔、単純化 │
│ あるもの:ストレートフォーワード、専門用語なし │
└─────────────────────────────────────────┘
トーン・スペクトラム
コンテキストに応じたトーン調整:
遊び心 ◄────────────────────► 真摯
ウェブサイト ●───────────────────────
エラー・メッセージ ───────●────────────
法務ページ ─────────────────────●──
ソーシャルメディア ●───────────────────────
カスタマー・サポート ───────●───────────
ライティング・ガイドライン
すること:
✓ 能動態を使う
✓ 文を短くする
✓ ユーザーに直接話しかける(you/your)
✓ 具体的に、曖昧でなく
✓ 見せて、言わない
してはいけないこと:
✗ 説明なしに専門用語を使う
✗ 長すぎるテキストを書く
✗ 上から目線になる
✗ 過度な約束
✗ 空虚な最上級を使う
ブランド・ガイドライン・ドキュメント
必須セクション
1. ブランド概要
- ブランド・ストーリー
- ミッション、ビジョン、バリュー
- ターゲット・オーディエンス
2. ロゴの使用
- プライマリ・ロゴのバージョン
- クリアスペース・ルール
- 最小サイズ
- 不適切な使用例
3. カラー・パレット
- プライマリ色(16進数、RGB、CMYK、Pantone)
- セカンダリ色
- カラー・コンビネーション
- アクセシビリティ要件
4. タイポグラフィ
- フォント・ファミリー
- 階層と用途
- ウェブ用フォント vs. 印刷用フォント
- フォールバック・フォント
5. イメージと写真
- スタイル・ガイドライン
- 写真トリートメント
- イラスト・スタイル
- アイコン・システム
6. ボイスとトーン
- ライティング原則
- コンテキスト別トーン
- サンプル・コピー
7. アプリケーション
- 名刺
- レターヘッド
- メール署名
- ソーシャルメディア・テンプレート
- プレゼンテーション・テンプレート
ブランド・アプリケーション
デジタル・タッチポイント
| タッチポイント | 重要な考慮事項 |
|---|---|
| ウェブサイト | ナビゲーション、CTA、コンテンツ階層 |
| モバイル・アプリ | アイコン、スプラッシュ・スクリーン、UI パターン |
| ソーシャルメディア | プロフィール画像、ヘッダー画像、テンプレート |
| メール | 署名、ニュースレター、トランザクショナルメール |
| 広告 | バナー・サイズ、ビデオ形式 |
プリント・タッチポイント
| タッチポイント | 仕様 |
|---|---|
| 名刺 | 3.5" × 2"(米国)、85mm × 55mm(EU) |
| レターヘッド | 8.5" × 11"(米国)、A4(EU) |
| 封筒 | #10(米国)、DL(EU) |
| パンフレット | 三つ折り、二つ折り、ブックレット |
| 看板 | 可変、高解像度 |
ソーシャルメディア画像サイズ(2024年)
| プラットフォーム | プロフィール | カバー/ヘッダー | 投稿 |
|---|---|---|---|
| 320×320 | 該当なし | 1080×1080 | |
| 170×170 | 851×315 | 1200×630 | |
| 400×400 | 1584×396 | 1200×627 | |
| Twitter/X | 400×400 | 1500×500 | 1200×675 |
| YouTube | 800×800 | 2560×1440 | 1280×720 |
ネーミングとタグライン
ブランド名の種類
| タイプ | 説明 | 例 |
|---|---|---|
| 記述的 | 機能を説明 | General Electric, PayPal |
| 造語 | 造られた言葉 | Kodak, Xerox, Spotify |
| 創設者名 | 人物の名前 | Ford, Dell, Disney |
| メタファー | 象徴的な意味 | Amazon, Apple, Nike |
| 頭字語 | イニシャル | IBM, BMW, IKEA |
| マッシュアップ | 複合語 | Facebook, YouTube, Instagram |
タグライン・フォーミュラ
効果的なタグライン:
┌─────────────────────────────────────────┐
│ ベネフィット重視:「Just Do It」(Nike) │
│ カテゴリ定義:「Search On」(Google) │
│ 挑発的:「Think Different」(Apple) │
│ 命令形:「Open Happiness」(Coca-Cola) │
│ 最上級:「The Ultimate Driving │
│ Machine」(BMW) │
└─────────────────────────────────────────┘
特性:
- 短い(理想は 2~5 語)
- 記憶に残る
- ブランドにユニーク
- 普遍的(時代遅れにならない)
- ポジショニングに整合
ブランド・オーディット
オーディット・チェックリスト
ビジュアル・コンシステンシー
- [ ] ロゴが正しく使用されている
- [ ] カラーがブランド・パレットに一致
- [ ] タイポグラフィが一貫している
- [ ] イメージ・スタイルが整合
ボイス・コンシステンシー
- [ ] トーンがチャネル別に適切
- [ ] 重要メッセージが強化されている
- [ ] 用語が一貫している
エクスペリエンス・コンシステンシー
- [ ] カスタマー・ジャーニーが整合
- [ ] タッチポイントが統一されている
- [ ] 約束が果たされている
競争的ポジション
- [ ] 差別化が明確
- [ ] ターゲット・オーディエンスに到達
- [ ] 市場ポジションが維持されている
ブランド・ヘルス・メトリクス
| メトリクス | 測定対象 |
|---|---|
| 認知度 | ブランドを知っている人の % |
| 検討 | 購入を検討する人の % |
| 選好度 | 競合他社より好まれている % |
| ロイヤルティ | リピート購買率 |
| NPS | 推奨される可能性 |
| シェア・オブ・ボイス | ブランド言及数 vs. 競合他社 |
リブランディング
リブランディングが必要な時
リブランディングしましょう:
✓ 企業戦略が根本的に変わった
✓ 別の企業と合併している
✓ ターゲット・オーディエンスが大きく変わった
✓ ブランドにネガティブな関連性がある
✓ ビジュアル・アイデンティティが著しく古い
以下の理由だけではリブランディングしてはいけません:
✗ 新しいマーケティング・チームが足跡を残したい
✗ 競合他社がリブランディングしている
✗ 「ロゴに飽きた」
✗ マイナーなビジネス進化
リブランディングの種類
| タイプ | 範囲 | 時期 |
|---|---|---|
| リフレッシュ | 既存要素をアップデート | 5~10 年ごと |
| パーシャル | ビジュアルの大幅更新 | 戦略転換時 |
| フル | 完全な刷新 | 変容時 |
ベストプラクティス
すること:
- デザインの前に戦略から始める
- 競合他社を徹底的に調査
- ターゲット・オーディエンスでテスト
- 包括的なガイドラインを作成
- システム内での柔軟性を許可
- すべてのタッチポイントを計画
- すべてを文書化する
- 定期的にレビューと更新
してはいけないこと:
- 戦略フェーズをスキップ
- 盲目的にトレンドを追う
- 過度に厳格なシステムを作成
- デジタル・アプリケーションを無視
- アクセシビリティを忘れる
- 頻繁にリブランディング
- 内部採用を無視
- 実装の重要性を過小評価
ブランド開発プロセス
フェーズ 1:ディスカバリー(2~4 週間)
├── ステークホルダー・インタビュー
├── 競合分析
├── オーディエンス調査
└── ブランド・オーディット(既存の場合)
フェーズ 2:戦略(2~3 週間)
├── ポジショニング開発
├── ブランド・アーキテクチャ
├── メッセージング・フレームワーク
└── ブランド・パーソナリティ
フェーズ 3:アイデンティティ(4~6 週間)
├── ビジュアル・コンセプト探索
├── ロゴ開発
├── カラーとタイポグラフィ
└── デザイン・システム作成
フェーズ 4:表現(3~4 週間)
├── ブランド・ガイドライン
├── テンプレートとアセット
├── アプリケーション・モックアップ
└── ローンチ・マテリアル
フェーズ 5:アクティベーション(継続)
├── 内部ロールアウト
├── 外部ローンチ
├── トレーニングと採用
└── モニタリングと改善
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- travisjneuman
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/travisjneuman/.claude / ライセンス: MIT
関連スキル
nano-banana-2
inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview(Nano Banana 2)で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード:「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」
octocode-slides
洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー(概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー)で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。
gpt-image2-ppt
OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。
nano-banana
Nano Banana PRO(Gemini 3 Pro Image)およびNano Banana(Gemini 2.5 Flash Image)を使用したAI画像生成機能です。以下の場合に活用できます:(1)テキストプロンプトからの画像生成、(2)既存画像の編集、(3)インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、(4)複数画像での人物キャラクターの一貫性保持、(5)正確なテキスト描画を含む画像生成、(6)AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。
oiloil-ui-ux-guide
モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム(Webアプリ)に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP(コントラスト・反復・配置・近接)をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル(クリーン・余白・タイポグラフィ主導)を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。
axiom-hig-ref
Apple Human Interface Guidelines リファレンス — 色(セマンティックカラー、カスタムカラー、パターン)、背景(マテリアル階層、ダイナミック背景)、タイポグラフィ(標準スタイル、カスタムフォント、Dynamic Type)、SF Symbols(レンダリングモード、色、多言語対応)、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。