logo-design

ロゴデザイン

ロゴをデザインし、評価します。ロゴはブランドを最も凝縮して表現したものであり、最小限の要素で最大限の役割を果たさなければなりません。何かを評価したり描いたりする前に、design-principles と .agents/brand.md を読んでください。

ロゴは単独で評価されることはありません。 評価のあらゆる部分は、競合との比較、ブランドが生み出すべき感情、そしてロゴが使われるすべての場面という文脈の中で行われます。まずブランドの文脈と競合の一覧を確認してください。これらがなければ、ロゴを実際に評価することはできず、ただ反応するだけになってしまいます。

基準：SAD

優れたロゴは、Simple（シンプル）、Appropriate（適切）、Distinct（独自性がある）です。この頭字語を覚えるのは簡単ですが、重要なのは、それぞれの要素は具体的な文脈に照らしてのみ評価できるということです。文脈を省けば、単に好みを述べているだけです。

Simple（シンプル）— あらゆる実装を通じて評価

シンプルとは、ミニマルであることや、要素が少ないことではありません。あらゆる縮小に耐え、どこでも同じように描かれる一つのアイデアを意味します。基本のテストは白黒です。ロゴは、すべての色を取り除いても機能しなければなりません。色やグラデーション、光彩がないと判読できないなら、シンプルではありません。色は最後に加える要素であり、頼みの綱ではありません。ただし、「白黒」とは不透明度100％の黒一色を意味するわけではありません。単一の色相を不透明度30％／60％／100％で使うマークなど、単一の値の不透明度の段階や濃淡は有効で、シンプルさの基準も満たします。マークはモノクロであり、判読に色へ依存しているわけではないからです。問題なのは色の濃淡を使うことではなく、色相やグラデーションへの依存です。そのうえで、メインのロゴだけではなく、実装全体を確認してください。

• 16px のファビコンでも成り立ちますか？ 円形に切り抜いたソーシャルアバターではどうですか？ 角丸の正方形アプリアイコンでは？ 暗い背景で反転させた場合は？ 単色の場合は？ エッチング、刺繍、箔押しでは？
• どの場合も同じ構成になっていますか？ それとも、ファビコンで使えるように、誰かがひそかに別の簡略版を描いていませんか？ 小さく表示するために二つ目の図案が必要なら、まだシンプルではありません。
• 唯一の信頼できる基準はありますか？ 光源、影の向き、向きに一貫性がない複数のバージョンが出回っているのは、シンプルさの失敗です。マークの構成が定まっていません。基準となる図案と、それを取り巻くルールを定めてください。
• マークの図形だけではなく、ワードマーク／ロックアップも評価してください。単語間でウェイトやサイズに一貫性がない場合（例：「Cash Flow」は太字で、「Portal」は細字）、認知負荷が高まり、意図しないサブブランドを暗示することがあります。ロックアップに統一感を持たせるか、末尾の単語を外して、正式名称やURL名にのみ使用してください。
• 実装例を横に並べてください（references/sad-checklist.md を参照）。すべてに一貫性があり、瞬時に判読できるなら、シンプルです。
• 認識できない場合は、Simple の評価に上限が設けられます。 小さいサイズで別のものに見間違えられるなら、それは補足事項ではなく、シンプルさの失敗です。たとえば、ファビコンで別の動物に見えるマスコットや、「G」が「C」に見える場合です。問題を指摘し、スコアに反映してください。小さいサイズで認識できないマークは、役割を果たしていません。

だからこそ、ロゴのあらゆる形態を集めること（brand スキルがこれを行います）は必須です。シンプルさとは、一つのファイルの特性ではなく、実装例全体を通じて確認するものです。

Appropriate（適切）— ブランドの中核となる感情に照らして評価

美しいロゴでも、ブランドには合わないことがあります。適切さとは、この対象者に、このカテゴリにおいて、.agents/brand.md の感情的な目標で定められた、ブランドが生み出すべき感情を生み出すことです。

• ふざけて弾むようなマークは、金庫のような安心感を与えるべきブランドには合いません。威厳があり重厚なマークは、子ども向け製品には合いません。
• ブランドの中核となる感情がわからなければ、適切さは評価できません。.agents/brand.md に感情的な目標がない場合は、作業を止めて定義してください（brand-strategy）。そうしなければ、「適切かどうか」は「自分が気に入るかどうか」にすり替わってしまいます。

独自性 — 2 つのチェックを両方クリアする必要があります

独自性は、分野との相対関係においてのみ成り立ちます。そして、分野はカテゴリーより広いものです。独自性を判断するチェックは独立した 2 つです。（a）競合の棚 — 直接の競合相手とカテゴリーの標準的なデザイン、そして （b）類似デザインの一斉確認 — あらゆる相手が対象です。両方をクリアする必要があります。競合の棚をクリアしても、カテゴリー外の誰かのマークに似ているなら、独自性の基準では不合格です。

（a）競合の棚 — 直接の競合相手を基準に評価します

• 直接の競合相手のロゴと、そのカテゴリーにおける視覚的な慣習とともにマークを棚に並べます。目立ちますか。それとも一群に埋もれてしまいますか。
• 細部だけでなく、シルエットを比較します。たとえば、知名度の高い競合相手（Vercel など）のものとシルエットがほとんど同じ三角形／矢印のマークは、表現方法が異なっていても、直接的な認識の衝突になります。
• 本当のテストは、名前を隠したとき、見る人が競合相手ではなく、その企業のものだと分かるかどうかです。
• カテゴリーの標準的なデザイン（design-principles → Coherent Is Not the Same as Good を参照）を踏襲したマークは、手堅いデザインではあっても、独自性があるとはいえません。それを見つけたら、そう評価してください。
• 実際に棚に並べて確認します。 実際の競合ロゴと並べてシルエットを比較していないなら、棚での評価は未評価です。マーク単体から独自性を推測してはいけません。独自性はシンプルさとは独立しています。白黒で使えるからといって、独自性について何かが分かるわけではありません。知名度の高い競合相手（たとえば Vercel の三角形）とシルエットが共通する、すっきりとした魅力的で白黒でも判別しやすいマークは不合格です。さらに、SAD は平均化されないため、1 つでも基準を満たさなければロゴ全体が不合格になります。 衝突するマークを「SAD を問題なくクリア」と報告してはいけません。

（b）類似デザインの一斉確認 — あらゆる相手を基準に評価します

競合の棚で確認できるのは、そのカテゴリーだけです。すべての棚チェックをクリアしたマークでも、カテゴリー外のマークと衝突することがあります。意図しない類似は偶然ではなく、リスクです。候補を絞り込んだ段階で、提示する前、そして修正を重ねる前に一斉確認を行います。さらに、最終マークをモックアップに使う前にも再度確認します。最後に一度だけ実施すると、それまでの制作作業が無駄になります。

• 適切な素材を検索します。 白黒のアイコンだけ（ワードマークなし、色なし）と、ロゴ全体の両方を検索します。色や書体はシルエットの衝突を隠してしまいます。単独で使えるアイコンがない場合は、白黒のワードマークを検索します。
• 以下のツールを使います（または同等のツールを使います。Lens と Pinterest の利用にはブラウザーが必要です。指定されたツールを実行できない場合は、同等の画像検索または商標画像検索を使い、その旨を明記してください）。
  • Google Lens の Exact と Visual Match
  • Pinterest のビジュアル検索
  • WIPO Global Brand Database の画像検索で、Conceptual Similarity を選択し、失効したマークを除外
• 実際に実行した内容を記録します。 レポートには各ツールを実行済みまたは未実行と記載し、検索クエリと上位の検索結果を示します。一斉確認を実施していない場合、独自性は合格ではなく未評価です。棚に並べて確認していないきれいなマークと同じ扱いです。
• 評価基準。 次に該当する場合、独自性は不合格です。同一またはほぼ同一のマーク。同じまたは関連する商品・役務区分における類似マーク。あるいは、どの区分であっても有名なマークとの類似です。より緩やかな類似、または無関係な区分における類似マークは要注意として扱い、デザイナーの判断理由を記録します。WIPO で確認する際は失効したマークを除外しますが、失効済みでも視覚的に有名なマークであれば、引き続き要注意として扱います。

これはデザインの独創性を確認するものであり、商標のクリアランスではありません。実際のクライアントのマークを公開する前には、必ず弁護士による調査が必要です。また、「クリア済み」や「登録しても安全」とは決して書かないでください。

評価する（得る）ことと、デザインする（作る）こと

既存のマークを評価する — 現場でよくあるケースです。

1. 現在のマークを評価していることを確認します。ファビコン、OG画像、プレスキットではなく、実際に表示されているナビゲーションバーから確認します（これらは古い場合がよくあります）。次に、あらゆる形式のマークと競合他社の一式を集めます（brandスキルのステップ1で対応できます）。
2. シンボルが本当に存在しないのかを確認します。ナビゲーションバーのワードマークだけでなく、ファビコン、アプリアイコン、完全なロックアップも調べます。ブランドはワードマークにグリフを組み合わせたり、マークの中にモチーフを取り入れたりすることがよくあります。これを見落とすと、「ワードマークのみで、マークなし」という誤った判定につながります。また、ワードマークであること自体を理由に減点しないでください。ワードマークが真に独自性を備えている場合もあります。
3. SADを実際の文脈で適用し、根拠とともに各評価軸ごとに報告します。Simpleについては実装の一覧、Appropriateについては感情的なターゲットとの適合性チェック、Distinctについては競合他社の一覧と類似デザインの調査を行います。
4. 評価のばらつきを正直に伝えます。ほとんどのマークはSimpleを満たし、多くはAppropriateを満たしますが、Distinctを満たすものははるかに少数です。優れたロゴと十分なロゴを分けるのはDistinctです。評価を甘くしないでください。
5. 判定結果を.agents/brand.mdのLogoセクションに記載します。

**マークは資産であり、聖典ではありません。**存在するというだけの理由で、弱いロゴを残さないでください。クリエイティブディレクションが大きく変わる場合（Revolutionまたは大規模なEvolution）は、ロゴも見直しの対象です。SADの基準を満たさないマークをかばうのではなく、そのことを率直に伝えてください。 新しいマークのデザイン — 新しいブランドを立ち上げる場合、または既存のマークが基準を満たさない場合：

1. .agents/brand.md を基に進めます。Emotional Target とミューズがブリーフであり、競合セットが市場で求められる水準を定めます。類似調査では、それ以外のすべてを確認します。
2. まずテーマとなるアイデアを見つけます。 最も優れたマークは、ブランドのコンセプトを一つの形に凝縮します。大きなストーリーを一つのマークにまで削ぎ落とした派生形です（例：円で結ばれた3つのデータポイント＝クローズドループシステム、ローマの軍旗＝指揮）。マークは単なる装飾ではなく、ブランドにたどり着ける何かを意味する必要があります。テーマの根拠がないマークは恣意的に見えます。これは「テーマ要素がない」という失敗です。ミューズ／抽象化（creative-direction）やブランド独自のストーリーから発想を引き出します。
3. 3つの系統を幅広くスケッチします — タイポグラフィ／ワードマーク（文字の形とその表現、文字の中にあるグラフィックモチーフ、または絵柄／抽象要素と融合した文字。最初の一文字だけでなく、名前全体など、ワードマーク全体を検討します）、ピクトリアル（Apple風の様式化された表現）、アブストラクト（Nike風の、感情を喚起する非具象マーク）。スケッチ段階の成否を左右するルールは3つあります。
   • 手描きではなく、生成します。 生成ツールで案を作成します。references/generative-tooling.md を参照してください。エージェントがSVGプリミティブを手作業で作成しても、実用的なマークは構築できません。スケッチは生成可能なサーフェスから作成する必要があります。利用できるものがない場合は、忠実度の低い案であることを明記します。
   • すべての案をマークとワードマークのロックアップで見せます。 これにより向きがわかり、実際に適用される形でマークを評価できます。
   • 各系統から必ず1案ずつ選ぶ必要はありません。 実際に機能する案を選びます。すべてアブストラクトでも構いません。系統は網羅性を確認するための視点であり、ノルマではありません。 クライアントには「粗削りな案」も見せます。つまり、多数の案を提示します。そのうえで、上位3案と代替案、そして推奨案を示します。最初のアイデアに固執してはいけません。候補を提示する前と、各ブラッシュアップの前に、候補を対象に類似調査を行います。
4. まず白黒で解決します。 単色で機能しなければ、色を付けても救えません。色は形が整ってから検討します。クライアントが迷っている場合は、最終決定の前に白黒で提示します。
5. 適切に構築します。 マークのベクターデータは生成ツールから作成し、<path> の座標を手入力して作るものではありません。ワードマークにはライセンス取得済みの書体を使用してアウトライン化します。生成してはいけません（生成タイポグラフィでは文字の形が崩れます）。その後、デザイナーが基準を満たすように仕上げます。黄金比の円や正方形による幾何学的な調和を目視で補正し、パスを統合し、文字を手作業でトラッキングし、マークとワードマークのロックアップを光学的にバランスよく中央揃えにします（ロックアップにタグラインを入れません。ワードマークは単独で成立させます）。幾何学的な一貫性、タイポグラフィの品質、比率の良し悪しはここで決まります。references/logo-construction.md と references/generative-tooling.md を参照してください。
6. システム全体を構築します。 プライマリロックアップ、セカンダリ／縦積みロックアップ（使用する場合のみ）、単独のマーク、クリアスペース、最小サイズ、反転版、単色版を用意します。
7. 完了とする前に、SADと実装グリッドの両方でテストします。モックアップの前に、最終マークについてもう一度類似調査を行います。

リデザインまたはブラッシュアップでは、まず変更点を診断します。弱い状態から強い状態への改善は通常、「磨きを加える」ことではなく、構造上の修正を一つ行うことです。曖昧なグリフを明確なアイデアにまとめる、弱いマークを捨ててワードマーク自体を特徴的にする、繊細すぎる極細書体に十分なウェイトを与える、文字どおりの／使い古された比喩をポジショニングに結び付いた新鮮な比喩に置き換える、システムのデフォルトフォントを決してそのまま使わない、といった変更です。具体的なビフォー／アフター事例を含むパターン全体は、references/logo-fixes.md を参照してください。 エージェントが手描きの SVG でロゴを作ることはできません。粗いマークは、完成したマークではありません。 エージェントが作成する「パラメトリック」な SVG は、毎回粗い仕上がりになります。曲線の張り具合にばらつきがあり、見た目の重さが不自然で、あと一歩のところで誤読されます（円盤にくさび形を組み合わせたものがパックマンに見える、といった具合です）。解決策は、さらに磨きをかけることではなく、適切なツールを使うことです。生成ベクターツール（references/generative-tooling.md）でマークを生成し、そのベクターをデザイナーに渡して仕上げてもらいましょう。クライアントに提示するものが何であれ、それが何なのかを明確に伝えてください。「これはラフ案／ワイヤーフレームの代用です。仕上げには、きちんとしたベクター処理が必要です」と伝えるのです。欠点のない完成品のように見せてはいけません。未完成のマークを完成品として提示すると、ブランドで使えない品質のままロゴが世に出てしまいます。

提示する：アイデンティティ・プレゼンテーション

マークは、白いアートボード上ではなく、文脈の中で売り込み、承認を得るものです。アイデンティティ・プレゼンテーションとして提示しましょう。ここに至るまでのスケッチとクリエイティブディレクション、インスピレーション、マークそのもの、白黒のバリエーション、そして最も重要な、マークを適用した例を含めます。名刺、看板、ビルボード、ソーシャルメディア、販促品（帽子、シャツ）、サブブランドがあればその並列表示、さらに競合と並べて棚に置いた状態も見せましょう。あらゆる適用例を示し、「この市場でひときわ目を引きます」と客観的に根拠を示します。その証拠として、競合のラインアップを並べて見せるのです。ここで「Distinct」は単なる主張ではなく、目に見えるものになります。

ロゴを1つの固定要素として納品する

良質なロゴマークが後工程で損なわれる最も一般的な原因は、利用者が再構築してしまうことです。デザイナー（またはエージェント）がシンボルを配置し、自分でワードマークを組み、間隔を決め、アクセントカラーに合わせて色を付け、角丸の枠に入れてしまいます。これを防ぐには、パーツのセットではなく、単一の自己完結した固定アセットとしてロゴを納品します。

• ロックアップごとに1ファイル。 マークとワードマークは、固定の比率と関係を保ったままアセット内で一体化されています。利用者が配置するのはロゴであり、自分で組み立てることはありません。単体のシンボルが本当に必要なケース（アバター、アプリアイコン、ファビコン）には、別アセットとして提供します。ただし、これは名前を付けたバリエーションであり、ロックアップを組み直す許可ではありません。
• ワードマークはアウトライン化したベクター形式で納品します。 ライセンス済みフォントがない環境で、代替書体に置き換わって再描画されることはありません。
• アートワークの境界を正しく設定します。 viewBox／アートボードには、意図したクリアスペースを含む図全体を収め、切り抜きがないようにします。自身のフレームで切り抜かれた状態で届くマークは、使用するどの場所でも切り抜かれます。納品する各ファイルを単独で、大きなサイズと小さなサイズの両方でレンダリングして確認します。
• 色は固定し、バリエーションを明示します。 フルカラー、反転、白一色、黒一色、グレースケールの正確なバリエーションを納品し、ロゴの色変更は誤用ですと明記します。利用者のCSSで色が決まるような、色を継承する状態や未定義の状態にしてはいけません。単色で使用するバージョンがある場合は、使用可能な色を明示した単色バリエーションとして納品します。
• 名称を省略したり、書体を差し替えたりしてはいけません。 ロゴタイプはマークの一部です。ワードマークのないロックアップ、誤った書体で組まれたもの、またはプレースホルダーやAI生成の不適切なコピーで埋められたものは、ロゴではありません。
• 媒体に合わせた装飾を勝手に作ってはいけません。 ブランドシステムに含まれない線、枠、装飾を「名刺／プレゼン資料用」として追加することは、定義上ブランドに反します。アイデンティティを適用するとは、システムの要素を配置することであり、新たな要素を加えることではありません。
• ファイルのそばに不変のルールを明記します。 最小サイズ、クリアスペース、許可されたバリエーション、そして誤用の明確なリスト（色の変更、枠で囲む／内包する、切り抜き、ロックアップの間隔変更や再構築、引き伸ばし、効果の追加は禁止）を示します。また、マークを単独で配置する場合（例：カードの中央）には、実際に中央に配置します。

基本原則：ロゴは、どの媒体でも同じように振る舞います。 ウェブ、印刷物、プレゼン資料、ソーシャルメディア、看板、アプリアイコンのすべてで、同じアセット、同じ比率、同じ関係、同じ色を使います。新しい媒体で見た目や振る舞いが異なるなら、それは適応ではなく、アイデンティティが損なわれています。

レイアウト、印刷のセーフゾーン／塗り足し、プレゼン資料とウェブの構成は collateral-design で扱います。ロゴデザインが保証するのは、マークそのものが、どこに配置されても固定され、システムに沿っていることだけです。

出力と納品

.agents/brand.md の Logo セクションを作成します。ロックアップ、マーク、クリアスペース、最小サイズ、カラー／反転バリエーション、誤用を記載し、評価の場合は各観点の根拠を添えた SAD 判定も記載します。Distinct の根拠には、調査対象の一覧と類似ロゴの報告の両方が含まれます。実行した、または実行しなかった各ツールについて、クエリと上位の検索結果を記載します。調査が実行されていない場合、Distinct は合格ではなく未評価として記録します。さらに .agents/design.md に Logo セクションを追記します（継続的に更新する記録です。creative-direction → design-doc-template.md を参照）。同じ仕様を、より詳しい根拠とともに記録します。構造／形状に関する注記、マークが Emotional Target に応える理由、ファイルの場所を日付とともに記載します。brand.md には要点をまとめたルールを、design.md には記録を残します。

固定済みのアセットを、ほかのスキルが見つけられる場所に保存する

文章で記録しただけのロゴは適用できません。次のスキルには配置できるものがないため、マークを作り直して台無しにしてしまいます。そこで、正規のパスに実ファイルを出力し、コンテキストドキュメントに登録してください。

.agents/assets/logo/
  logo-lockup.svg          # primary — icon + outlined logotype, ONE locked element
  logo-icon.svg            # the mark alone
  logo-lockup-inverse.svg  # icon holds its colour, logotype flips (dark grounds)
  logo-lockup-black.svg    logo-lockup-white.svg    logo-lockup-gray.svg
  avatar.svg               # square, icon centred
  app-icon.svg             # rounded square
  raster/                  # PNG + JPEG of each, for surfaces that can't take SVG

次に、.agents/design.md と .agents/brand.md の両方の Logo セクションに、正確なパスを記録します。後続のスキルである web-design、collateral-design、motion-design は、これらのファイルを参照して配置します。マークを描き直したり、間隔・色を変更したり、切り抜いたり、枠で囲んだり、組み直したりすることはありません。フォルダーに必要なバリエーションがない場合は、使用時に即興で作るのではなく、ここに戻って追加してください。

最終化の際には、クライアントが保管して再利用できる、ダウンロード可能な順序付きパッケージを納品してください。

• アセット： フルロックアップ（アイコン＋ロゴタイプ）、アイコン単体、ソーシャルアバター（正方形）、アプリアイコン（角丸＋正方形、名称の有無を含む）。
• 形式： それぞれSVG、PNG、JPEG。SVGではロゴタイプをアウトライン化します。ライセンス済み書体をパスに変換することで、ファイルにフォントへの依存性がなくなり、代替フォントで再描画されることもありません。
• カラーバリエーション： フルカラー、反転（アイコンは色を維持し、ワードマークは暗い背景用に反転）、白一色、黒一色、グレースケール。RGB（デジタル用途ではApple RGB）で作業します。Logo Package Express などのツールを使えば、マークとロゴタイプの設定後にエクスポートを自動化できます。
• 商用書体ライセンスを確認してください。詳しくはreferences/logo-construction.md → Delivery を参照してください。

必須事項

• 評価や作画の前に、感情的な目標と競合セットを含むブランドコンテキストを確認する
• マークに、ブランドにたどれるテーマ性のあるアイデアがあり、恣意的な装飾ではない
• ヒーローロックアップだけでなく、あらゆる実装でロゴを確認する
• **識別性（店頭）**は、単独ではなく、直接の競合セットおよびカテゴリーの標準と比較して評価し、プレゼンテーションでは店頭に並べた状態で示す
• 候補の提示前、各ブラッシュアップ段階の前、そしてモックアップ作成前に、候補リストを対象に**識別性（類似ロゴ調査）**を実施する。最終マークでもモックアップ作成前に再度実施する。白黒のアイコン単体とフルロックアップの両方を対象とし、各ツールについて実施の有無、検索クエリ、上位の検索結果を記録する。調査を実施していない場合、識別性は未評価であり、合格ではない
• 適切性を感情的な目標に照らして評価する
• 実装グリッド全体（ファビコンから大サイズまで、1色、反転）でシンプルさを検証する
• 白黒でも成立する（不透明度や色合いは可。色相やグラデーションへの依存は不可）
• 構成が堅実である（幾何学的な調和〈黄金比、視覚的な補正〉、統一されたパス、手作業でトラッキングした文字、バランスの取れたロックアップ比率）
• 商用書体ライセンスを確認する
• 固定された一つの要素として納品する。どこでも同じ構成・比率・配色を使い、媒体ごとに色を変えたり、切り抜いたり、枠で囲んだり、組み直したりしない
• 納品パッケージ：ロックアップ・アイコン・正方形アバター・アプリアイコン。それぞれSVG／PNG／JPEG × カラーバリエーション一式。SVGではロゴタイプをアウトライン化
• 固定済みアセットのファイルを .agents/assets/logo/ に出力し、その正確なパスを両方のコンテキストドキュメントに登録する。ファイルを伴わず、文章だけで記録されたLogoセクションが、この項目で防ぐべき失敗です。次のスキルには配置できるものがないため、マークを作り直してしまいます
• 判定／仕様を .agents/brand.md に記載し、Logo セクションを .agents/design.md（継続的に更新する記録）に追記する

関連スキル

• design-principles — デフォルトとの差別化。まとまりがあるだけでは不十分です
• brand — あらゆる形式のロゴと競合セットを集約し、「ロゴ」セクションに記録します
• brand-strategy — このスキルが評価の基準とする感情的なターゲットと競争環境
• creative-direction — マークが軸となる、より広範なビジュアルシステム
• art-direction — マークの背後に置かれる画像（マークの内部には決して置きません）。パターンへの展開やアイコンの細部は、マークから形状を導きます
• collateral-design — 固定されたマークを配置する媒体（カード、デッキ、印刷物のセーフゾーン／塗り足し）。このスキルでは、マークが固定された状態でシステムに沿って保たれることだけを保証します
• design-critique (予定 — まだリリースされていません) — ブランドに照らして、使用時のマークを評価します