logo-brief.md
logo-brief.md — AIO Marketing OS サービスロゴ ブリーフ
株式会社アイウエオ の主力サービス「AIO Marketing OS」のサービスロゴ設計ブリーフ。
このファイルは「何を作るか」「なぜそう作るか」を確定させる土台。後続の logo-directions / prompt-set / usage-rules / ng-patterns / export-checklist はすべてこのブリーフを正本とする。
本ブリーフに沿って 実ロゴ4案（images/logo-A〜D）を gpt-image-2 で生成済（2026-06-15）。各案の評価はlogo-directions.md、生成プロンプトはprompt-set.mdを参照。
0. 前提
- 目的: AIO Marketing OS の第一印象を作り、LP・営業資料・SNSアイコン・メール署名・請求書・動画内ロゴまで一貫して使えるロゴ体系を確定する。
- 対象者（ロゴを見る人）: AIで集客・営業・制作を仕組み化したい中小企業の経営者・個人事業主。意思決定者本人が見て「信頼できそう」「難しすぎなさそう」と感じることが重要。
- 使った素材:
_quality_audit/SCENARIO.md（株式会社アイウエオ／AIO Marketing OS の架空設定）と、強化エンジンのブランド知識engine/.../knowledge/brand_palette.md（配色・トーン基準）。外部URL・実データは未取得。 - 仮定: 後述「6. 仮定一覧」に集約。シナリオに無い項目はすべて仮定として明記し、確定情報と混ぜない。
1. サービスの基本情報（確定＝シナリオ由来）
| 項目 | 内容 | 出典 |
|---|---|---|
| サービス名 | AIO Marketing OS | SCENARIO 確定 |
| 提供元 | 株式会社アイウエオ | SCENARIO 確定 |
| 事業内容 | AIマーケティング支援（AI社員構築 + 集客/営業/制作の仕組み化） | SCENARIO 確定 |
| 提供価値 | AI社員構築とマーケ導線設計を8週間で整える | SCENARIO 確定 |
| 対象顧客 | AIで集客・営業・制作を仕組み化したい中小企業・個人事業主 | SCENARIO 確定 |
| 価格 | 498,000円（税別） | SCENARIO 確定（ロゴには載せない） |
| CTA | 無料診断を予約する | SCENARIO 確定（ロゴには載せない） |
| サイト | https://example.com/aiueo-ai-marketing | SCENARIO 確定 |
2. 名前の意味・読み・分解
- 読み（仮定）: 「エーアイオー マーケティング オーエス」。
AIOを「アイオー」と読む可能性もあるため、読み方は人間に確認が必要（未確認事項）。 - 構造分解:
AIO（ブランドコア）+Marketing OS（カテゴリ説明）。 AIO= AI + O（OS / Orchestration / Operation の含意）。「AIがマーケの基盤OSになる」という世界観を担う中核。Marketing OS= 「単発ツールではなく、マーケの土台＝OSになる」という提供価値の言語化。- ロゴで主役にすべき要素:
AIO。Marketing OSは補助テキスト（タグライン的扱い）にして縮小時は省略できる構造にする。 - 競合との読みやすさ: 「OS」表現は IT 系で頻出。差別化は色・字形・シンボルで取り、語そのものに依存しない。
- モチーフ判断: 提供価値「集客/営業/制作を仕組み化し、売上が伸びる」を、
Aの右肩を上昇矢印に造形して可視化（採用案 A-mark の根拠）。「整う/つながる」はノードグラフで補強（B/C）。
3. 世界観・トーン（確定＋仮定）
- 確定（提供価値から導出）: 「仕組み化」「8週間で整う」=「整然」「土台」「再現性」「信頼」。
- 確定（強化エンジン由来）: 配色は ブランド準拠 = 紫
#7b6ce0→ 橙#c87941のグラデ。クリーン × プレミアム × テックのトーン。煽り系・黒×ゴールド情報商材配色・過剰ネオンは禁止（brand_palette.md）。 - 仮定トーン: 知的・クリーン・少し未来的。ただし「AIで難しそう」と引かれないよう、橙側の暖色で温かみ／親しみを1段入れる（ブランドグラデが暖色終端を持つため自然に成立）。
- 避けたい雰囲気（仮定 / 要確認）: ギラギラした稼ぐ系、過度なネオン・サイバー、子供っぽいポップ、海外SaaSの完コピ感。
- ※「避けたい雰囲気」はシナリオに明記が無いため仮定。人間に確認する。
4. 使用媒体（横展開要件）
ロゴは以下すべてで成立する必要がある。これが「単色・反転・縮小」検証の根拠。
| 媒体 | 想定サイズ感 | 効く条件 | 推奨案 |
|---|---|---|---|
| LP ヘッダー | 横長・中サイズ | 横組みロゴが映える | C（横組） |
| 営業資料 / スライド表紙 | 大サイズ | フル版（シンボル＋ワードマーク） | A + C |
| SNS アイコン（X / 各種） | 円・正方・極小 | シンボル単体で成立 | A（A-mark） |
| メール署名 | 横長・小 | 単色1色でも判読できる | C / D（単色） |
| 請求書 / 帳票 | 小・モノクロ印刷あり | 黒1色・白抜きで崩れない | D（単色） |
| 動画内ロゴ（ウォーターマーク） | 半透明・小 | 線が細すぎず潰れない | A / D |
| ファビコン | 16-32px 極小 | 1モチーフに削ぎ落とした版 | A（A-mark） |
5. 成功条件（このブリーフの合否）
- [x]
AIOが主役で、縮小しても読める。 - [x] シンボル単体で SNS アイコン / ファビコンが成立する（A-mark）。
- [x] 白背景・黒背景・単色（黒1色 / 白抜き）で成立する（D で確認）。
- [x] 既存有名ロゴ（特定 SaaS / OS / AI 企業）に寄りすぎない。
- [x] LP〜請求書〜動画まで1セットで横展開できる。
- [x] 生成画像をそのまま商用確定せず、ベクター再構成を前提にしている。
6. 仮定一覧（確定情報と分離）
| # | 仮定した内容 | なぜ仮定か | 確定したい確認先 | 状態 |
|---|---|---|---|---|
| A1 | 読みは「エーアイオー」 | シナリオに読み記載なし | 人間 | 未確定 |
| A2 | 避けたい雰囲気＝稼ぐ系/サイバー/ポップ | シナリオに記載なし | 人間 | 未確定 |
| A3 | ブランド色＝ブランド 紫→橙グラデ | 強化エンジン brand_palette.md をブランド基準として採用（シナリオに色指定はないが運用基盤に準拠） | 人間（合意確認） | 採用・要合意 |
| A4 | 主役は AIO、Marketing OS は補助 | 提供価値からの設計判断 | 人間（合意確認） | 採用 |
| A5 | フォントは無償・商用可のものを指定（後述） | ライセンス安全のため | 人間（最終選定） | 採用 |
7. 未確認事項
- 読み方（A1）。SNSアイコンの頭文字採用に直結するため最優先。
- 既存の暫定ロゴ / コーポレートカラーの有無（A3＝ブランドグラデで仮確定だが、社のコーポレートカラーが別にあれば差し替え）。
- 商標調査の要否（同名・類似サービスの有無）。類似が出たら必ず人間に確認を促す。
- 想定する最小表示サイズの実値（ファビコン16pxまで使うか）。
8. 次アクション
- 人間に A1（読み）・A2（避けたい雰囲気）・A3（ブランドグラデで確定可否）を確認。
images/logo-A〜Dの4案から1〜2案を選定（推奨: A-mark をアイコン、C を横組プライマリ）。- 採用案をベクター再構成（生成PNGは下絵扱い。文字はアウトライン）。
export-checklist.mdで SVG/PNG を書き出し。usage-rules.md/ng-patterns.mdを最終ロゴに合わせて数値確定。- 商標の簡易確認を人間に依頼（外部確定の前に必須）。
9. 品質チェック（このブリーフ自体）
- [x] 目的・対象者・CTA文脈が明確
- [x] 確定情報と仮定を分離（6章）
- [x] 編集可能な Markdown 形式
- [x] 数字・URL はシナリオ一次情報のみ（推測で盛っていない）
- [x] 個人情報・実案件・社内パスの混入なし（example.com のみ使用）
- [x] 次アクションが具体的
- [x] 判断理由を残した（2章・3章）
- [x] 実画像4案（A〜D）とブリーフが整合（モチーフ・配色・媒体割当が一致）
logo-directions.md
logo-directions.md — AIO Marketing OS ロゴ4方向
logo-brief.mdを正本に、ロゴの方向性を 4方向 提示する。
各方向は「コンセプト → なぜこのサービスに合うか → 形の作り方 → 縮小/単色/反転の効き方 → リスク」をセットで出す。
本案は強化エンジン（gpt-image-2 + ブランド知識）で実生成済。各方向に対応する実画像をimages/に格納している。最終1〜2案の選定と確定は人間が行う（このAI社員は確定しない）。
方向比較サマリー（実画像と対応）
| 方向 | 型 | 実画像 | 強み | 弱み | 縮小耐性 | 第一推奨度 |
|---|---|---|---|---|---|---|
| A | シンボル/抽象マーク型（A＝上昇矢印） | images/logo-A-mark.png | アイコン化に最強・意味（上昇/成長）が伝わる | 単体だと「AIO」とは読みにくい | 高 | ◎（アイコン用プライマリ） |
| B | モノグラム型（A・I・O を回路ノードで連結） | images/logo-B-monogram.png | 個性・テック感 | 回路要素が多く極小で潰れやすい | 中 | ○（中サイズ向け） |
| C | 横組ワードマーク型（ノードグラフ + AIO） | images/logo-C-horizontal.png | 最も可読・LP/署名に強い | 正方アイコンには不向き | 中 | ◎（横組プライマリ） |
| D | 単色チェック版（A-mark を1色） | images/logo-D-mono-check.png | 反転/単色/縮小の成立を実証 | 装飾なしの検証用 | 高 | （検証用・運用は単色版として使用） |
推奨構成: C（横組ワードマーク）をプライマリ、A（A-mark）をアイコン用に併走させる「ロゴシステム」。B は中サイズの個性枠、D は単色運用版（請求書・FAX・ウォーターマーク）。
A. シンボル/抽象マーク型 ─ "A" を上昇矢印に造形（images/logo-A-mark.png）
- コンセプト: 頭文字
Aの右ストロークを上向きの矢印に変形。下に小さくAIO。「AIで集客・営業・制作が伸びていく」を一目で示す。 - なぜ合うか: SNSアイコン・ファビコン・動画ウォーターマークは正方/円。C だけでは賄えないアイコン用途をここで担保し、かつ「成長」の物語を持つ。
- 形の作り方:
Aの左ストロークは紫#7b6ce0、右ストロークを橙#c87941の上昇矢印にして ブランド グラデを内包。- 矢印は
Aの頂点を突き抜けて右上へ。角度は約30〜45°（急すぎる煽りはNG）。 - 下部
AIOは細めサンセリフで小さく。アイコン極小時は省略できる。 - 縮小/単色/反転: 16pxでも矢印シルエットが残る。単色塗りで成立（→ D で実証済）。白抜きも可。
- リスク: 「上昇矢印」は稼ぐ系で多用される定番 → グラデと角度で品よく抑え、Y字煽り構図にしない（
brand_palette.mdNG）。
B. モノグラム型 ─ "AIO" を回路ノードで連結したリガチャ（images/logo-B-monogram.png）
- コンセプト:
A・I・Oの3文字を、回路の配線とノード（点）でつないだ一体型モノグラム。「AIがマーケの各機能を接続するOS」を表現。 - なぜ合うか: テック感・個性が最も出る。資料の見出しやグッズ等、ある程度の表示面積がある場面で映える。
- 形の作り方:
- 文字はラウンド処理。接続部にノード（小円）を最小限置く（多すぎ厳禁＝ng-patterns B2）。
- 配線は紫→橙のグラデで流れを作る。
- 縮小/単色/反転: 中サイズなら成立。極小ではノードが潰れるため、ファビコンは A を使う。
- リスク: 回路モチーフは AI/SaaS で頻出。ノード数を抑え、既存ロゴとのシルエット衝突を確認（類似時は人間に相談）。
C. 横組ワードマーク型 ─ ノードグラフ + "AIO"（images/logo-C-horizontal.png）
- コンセプト: 左に小さなノードグラフ（点と線のネットワーク）、右に幾何学サンセリフの
AIOを横並び。最も読みやすいプライマリ。 - なぜ合うか: 新興サービスは「名前を覚えてもらう」が最優先。LPヘッダー・メール署名・請求書でも破綻しない可読性。
- 形の作り方:
AIOは幾何サンセリフ、Oを正円寄りにして「OS/循環」の含意。字間やや広め。- 左のノードグラフは ブランド グラデ（紫の点→橙の点）。
Aの高さに収める。 - 補助テキスト
MARKETING OSは全大文字・トラッキング広めで下に添えられる（任意・縮小時省略可）。 - 縮小/単色/反転:
AIO部分は極小でも読める。ノードグラフは小サイズで省略してワードマーク単体運用も可。黒1色・白抜きとも成立。 - リスク: 幾何サンセリフは没個性化しやすい → ノードグラフと
Oの処理で個性を担保。
D. 単色チェック版 ─ A-mark を1色で（images/logo-D-mono-check.png）
- コンセプト: 採用候補（A-mark）を紫系1色で塗り、反転・単色・縮小の成立を視覚検証する版。運用では「単色版」として帳票・FAX・ウォーターマークに使う。
- なぜ合うか: 請求書・1色印刷・動画半透明など、グラデが使えない/潰れる媒体の保険。SKILL.md 完了条件「単色でも成立する」の実証物。
- 形の作り方: A-mark のグラデを単色（
#7b6ce0相当）に置換。形状は変えない。 - 縮小/単色/反転: 単色設計なので全媒体OK。黒1色・白抜きへの置換も容易。
- リスク: なし（検証/保険用）。本番では純黒版・白抜き版もベクターで併せて用意する。
色（強化エンジン準拠＝ブランド確定基準）
配色は ブランド を基準とする（engine/.../knowledge/brand_palette.md）。シナリオに色指定はないため、運用基盤に合わせて ブランド を第一推奨とし、人間合意で確定する（仮定 A3）。
主配色（採用）
- メイン: Purple Dark
#7b6ce0 - グラデ中間: Purple Light
#9b8cff - 暖色アクセント: Orange
#c87941 - グラデ終端: Peach
#e8b88a - ニュートラル: Ink
#1a1a2e（画像内文字） / 背景 White#ffffff/ Cream#f7f0f6 - Brand Gradient:
linear-gradient(145deg, #7b6ce0 0%, #9b8cff 24%, #c87941 49%, #e8b88a 74%, #f7f0f6 100%) - 狙い: 知的・信頼・プレミアム＋暖色側で親しみ。中小経営者に「怪しくない・難しすぎない」を伝える。
単色フォールバック（必須・全媒体）
- 黒1色:
#1a1a2eまたは純黒#111111 - 白抜き:
#ffffff - 単色紫:
#7b6ce0（D版） - グラデが使えない媒体（請求書・FAX・1色印刷）は単色版を必ず使う。
共通ルール
- 背景3パターン（白 / 黒 / ブランド色面）すべてで判読できること。
- グラデを使う場合も、単色フォールバック版を必ず併せて用意（D で実証済）。
- 黒×ゴールドの情報商材配色・過剰ネオンは禁止（
brand_palette.md）。
フォント方向性（ライセンス安全・仮定 A5）
- ワードマーク用ベース: 幾何学サンセリフ（ブランド 英語標準＝Poppins / Inter 風）。商用可の無償書体を起点にする。ベース選定後はアウトライン化してオリジナル字形に微調整し、書体そのものの再配布はしない。
- 補助テキスト
MARKETING OS: 同系または可読性の高いサンセリフ。 - 注意: 最終ロゴはフォントを直接埋め込まず、ベクターのアウトラインにする（ライセンス・文字崩れ回避の両面）。
判断理由
- C+A を本命にしたのは、「名前を覚えてもらう（横組ワードマーク C）」と「アイコン用途（A-mark）」の両方が新興サービスに必須だから。
- 配色を ブランド グラデに確定（仮）したのは、強化エンジンのブランド基準に運用全体を揃えると、ロゴ→LP→資料→動画の世界観が一貫するため。旧案の「信頼ブルー」は運用基盤と分断するため取り下げた。
- D を「単色チェック版」として独立させたのは、完了条件「単色でも成立する」を実画像で証明するため。
未確認事項
- 読み（A1）→ A-mark の頭文字採用に影響。
- 避けたい雰囲気（A2）→ B の回路モチーフ強度に影響。
- 既存ロゴ類似（特に A の上昇矢印、B の回路）→ 人間に商標/類似確認を依頼。
- コーポレートカラーが ブランド と別にあるか（A3 の最終確定）。
次アクション
- 人間が A〜D から方向を選ぶ（推奨: C プライマリ + A アイコン）。
- 採用案を
prompt-set.md記載のプロンプトで追い込み → ベクター化 →export-checklist.md。
prompt-set.md
prompt-set.md — AIO Marketing OS ロゴ生成プロンプト集（4方向 + 単色チェック）
画像生成AI（gpt-image-2）で ラフ案を得るための指示書。
✅ 本プロンプトは 実行済。出力はimages/logo-A〜D.png（gpt-image-2 / 2026-06-15）。
⚠️ 生成画像はそのまま商用確定しない。文字崩れが起きるため、最終ロゴは必ずベクター再構成する（SKILL.md 完了条件）。
各プロンプトは「日本語意図 → 英語プロンプト → ネガティブ → 出力指定」をセットにする。
色は ブランド（紫#7b6ce0→ 橙#c87941グラデ）を基準。色を変える場合はHEXを差し替える。
共通設定
- 出力: 白背景、正方 1:1（1024×1024）。アイコン用は正方、横組（C）はワードマークが収まるレイアウト。
- 解像度: 1024×1024（ベクター起こしの下絵にできる解像度）。
- 文字は生成時に崩れる前提。生成物は構図・配色・モチーフの参考として使い、文字は後でベクターで打ち直す。
- 共通ネガティブ（全プロンプト末尾に付与）:
no photorealism, no gradient banding, no extra text, no watermark, no drop shadow, no 3D bevel, no stock-photo look, not similar to any famous tech/OS/AI company logo, no black-and-gold "get rich" palette, no excessive neon glow, clean vector style
P-A. シンボル/抽象マーク型（→ images/logo-A-mark.png）
日本語意図: 頭文字 A の右ストロークを上昇矢印に造形。下に小さく AIO。ブランドグラデ（紫→橙）。
英語プロンプト:
Minimal flat vector logo mark, the letter "A" whose right stroke transforms into an upward
growth arrow piercing toward the top-right, small lowercase-style "AIO" wordmark underneath,
brand gradient from purple #7b6ce0 (left) to orange #c87941 (arrow), on pure white,
geometric, clean, premium tech feel, recognizable at very small size, app-icon proportions
--no extra text出力指定: 正方 1:1。アイコン用。塗り版。
P-B. モノグラム型（→ images/logo-B-monogram.png）
日本語意図: A・I・O を回路の配線とノードで連結した一体型モノグラム。ノードは最小限。
英語プロンプト:
Minimal monogram logo ligating the letters "A", "I", "O" connected by thin circuit traces
and a few small nodes, suggesting an AI marketing OS that connects functions,
rounded letterforms, gradient from purple #7b6ce0 to orange #c87941 on white,
flat vector, geometric, keep nodes minimal so it stays legible, high contrast
--no extra text出力指定: 正方 1:1。中サイズ用。塗り版。
P-C. 横組ワードマーク型（→ images/logo-C-horizontal.png）
日本語意図: 左に小さなノードグラフ、右に幾何サンセリフの AIO。最も可読なプライマリ。
英語プロンプト:
Horizontal lockup logo: a small node-graph mark (purple-to-orange dots connected by lines)
on the left, a clean geometric sans-serif wordmark "AIO" on the right, the letter O as a
near-perfect circle, balanced wide letter-spacing, brand gradient purple #7b6ce0 to orange
#c87941, on pure white, flat vector, professional SaaS brand identity, generous whitespace
--no extra text出力指定: 横組。プライマリ。複数フォントウェイト違いで比較可。
P-D. 単色チェック版（→ images/logo-D-mono-check.png）
日本語意図: A-mark を単色（紫1色）で。反転・単色・縮小の成立を視覚チェック。運用では単色版として使用。
英語プロンプト:
The same "A" upward-arrow logo mark, single solid color version in brand purple #7b6ce0,
no gradient, flat vector, high contrast on white, must stay legible when shrunk and when
inverted to white-on-dark --no extra text出力指定: 正方 1:1。単色1色。usage-rules.md の単色/反転/縮小チェックに使用。
単色・反転・縮小チェック（実画像 D で実施）
P-D の出力images/logo-D-mono-check.pngを使い、以下を目視確認した（usage-rules.md6章と対応）。
| チェック | 条件 | 結果 | メモ |
|---|---|---|---|
| 単色（紫1色） | 形が保たれる | ○ | D で確認。A-mark の矢印シルエットが明瞭 |
| 反転（白抜き想定） | 破綻しない | ○ | 単色設計のため白1色置換で成立（要ベクター化で純白版） |
| 縮小（小サイズ） | シルエットで識別 | ○ | 矢印形が残る。ノード装飾なしのため潰れない |
| 黒1色（印刷想定） | 潰れない | 要ベクター | グレースケール上は成立。本番は純黒版をベクターで用意 |
生成後の必須手順（このAI社員のルール）
- 生成ラフ（A〜D）から構図・配色・モチーフを採用（文字はそのまま使わない）。
- Illustrator / Figma / Inkscape 等で ベクター再構成（パスで作り直し）。
- 文字は
logo-directions.md指定フォント（Poppins/Inter 風）をアウトライン化して配置。 export-checklist.mdに沿って SVG/PNG を書き出す。usage-rules.mdで余白・最小サイズ・単色・反転を最終確認（D の結果を実値で反映済）。- 既存有名ロゴへの類似が疑われたら 人間に商標確認を依頼してから先へ進む。
判断理由
- 文字を含むプロンプト（B/C）は崩れやすいので「構図参考」と明記し、ベクター打ち直しを必須化した。
- P-D を独立させたのは、生成段階で反転・単色の破綻を早期に発見するため（手戻り削減）。実画像で○を確認できた。
- 配色を ブランド グラデに固定したのは、強化エンジンのブランド基準に揃えて運用全体（LP/資料/動画）の世界観を一貫させるため。
未確認事項
- 確定色は ブランド グラデ（A3・人間合意待ち）。コーポレートカラーが別にあれば HEX 差し替え。
- B/C の「AIO」字形はベクターで打ち直す前提（生成字形は参考）。
次アクション
- 上位2案（推奨 C + A）を選びベクター化 →
export-checklist.md。
usage-rules.md
usage-rules.md — AIO Marketing OS ロゴ使用ルール（＝usage-guideline）
採用ロゴ（C 横組ワードマーク＝プライマリ ＋ A シンボルマーク＝アイコン のロゴシステム）の使用ルール。
配色は ブランド準拠（紫#7b6ce0→ 橙#c87941グラデ）。実画像images/logo-A〜Dに対応。
数値は初期推奨値。最終ベクターロゴ確定後に実測で確定する。
このファイルが LP・資料・SNS・メール・請求書・動画 すべての運用基準になる。
1. ロゴ構成（3バリエーション）
| バリエーション | 中身 | 実画像 | 主な用途 |
|---|---|---|---|
| フルロゴ | A-mark + AIO + MARKETING OS | A + C | スライド表紙・LP ヒーロー・大サイズ |
| プライマリ | 横組ワードマーク（ノードグラフ + AIO） | images/logo-C-horizontal.png | LP ヘッダー・資料・メール署名 |
| アイコン | A-mark（A＝上昇矢印）単体 | images/logo-A-mark.png | SNSアイコン・ファビコン・動画ウォーターマーク |
| 単色版 | A-mark を1色（紫/黒/白抜き） | images/logo-D-mono-check.png | 請求書・FAX・1色印刷・半透明ウォーターマーク |
原則: 大きく見せられる所はフル、横長はプライマリ（C）、正方/極小はアイコン（A）、グラデ不可の媒体は単色版（D）。
2. 余白（クリアスペース）
- ロゴ周囲に、シンボルの高さ（=
x）の 1/2 以上の余白を必ず確保。 - 推奨は
x（=シンボル1個分）。他要素・文字・画像の端をこの中に入れない。 - メール署名・帳票など余白が取れない場所でも最低
x/2は死守。
3. 最小サイズ（仮・最終ロゴで実測確定）
| バリエーション | 画面（px） | 印刷（mm） |
|---|---|---|
| フルロゴ | 高さ 40px 以上 | 高さ 12mm 以上 |
| プライマリ | 高さ 24px 以上 | 高さ 8mm 以上 |
| アイコン | 16px 以上（ファビコン下限） | 6mm 以上 |
- これ未満になる場合はアイコン版に切り替える。
- 16px で
MARKETING OS補助テキストは表示しない（潰れるため）。
4. カラー使用ルール（ブランド準拠）
- 推奨背景: 白 / 黒 / ブランド色面 の3パターンで成立すること。
- 白背景: フルカラー（ブランドグラデ
#7b6ce0→#c87941）。 - 濃色 / グラデ色面背景: 白抜き版を使用（
#ffffff）。 - 1色印刷・FAX・請求書: 黒1色版（
#1a1a2eor 純黒）／単色紫版（#7b6ce0＝D）。 - Brand Gradient（基準）:
linear-gradient(145deg, #7b6ce0 0%, #9b8cff 24%, #c87941 49%, #e8b88a 74%, #f7f0f6 100%)。 - 黒×ゴールドの情報商材配色・過剰ネオングローは禁止（→ ng-patterns /
brand_palette.md）。 - ブランド色面の上: 白 or 単色版。低コントラストでの重ね置きは禁止（→ ng-patterns）。
5. 媒体別ルール
| 媒体 | 使うバリエーション | 注意 |
|---|---|---|
| LP ヘッダー | プライマリ | 高さ固定・余白厳守 |
| スライド表紙 | フルロゴ | 中央 or 左上 |
| X / SNS アイコン | アイコン | 円トリミングで切れない余白 |
| メール署名 | プライマリ（小） or アイコン | 単色推奨・PNG透過 |
| 請求書 / 帳票 | プライマリ 黒1色 | モノクロ印刷で確認 |
| 動画ウォーターマーク | アイコン 白 半透明 | 不透明度 50-70%、線潰れ注意 |
| ファビコン | アイコン | 16/32px 専用書き出し |
6. 単色・反転・縮小チェック（実画像で実施済 / ベクター化後に再確認）
採用候補（A-mark）の実画像images/logo-A-mark.pngと単色版images/logo-D-mono-check.pngで目視確認した結果。
純黒版・純白抜き版はベクター化時に最終確定する（生成PNGは下絵扱い）。
| チェック | 条件 | 結果(○/×) | メモ |
|---|---|---|---|
| 白背景・フルカラー | 判読できる | ○ | A-mark（グラデ）で確認。矢印＋AIO が明瞭 |
| 黒背景・白抜き | 判読できる | ○（要ベクター純白版） | D の単色設計から白1色置換で成立。最終は純白版を書き出し |
| 単色（黒1色） | 形が保たれる | ○（要ベクター純黒版） | グレースケール上で成立。純黒版はベクターで確定 |
| 単色（紫1色） | 形が保たれる | ○ | D（#7b6ce0 1色）で実証 |
| 16px アイコン | シルエットで識別できる | ○ | A-mark の矢印シルエットが残る。ノード装飾なしのため潰れない |
| グレースケール | 濃淡だけで成立 | ○ | 矢印と A の輪郭で識別可 |
| 反転（白黒反転） | 破綻しない | ○ | 単色設計のため反転に強い |
※ A-mark を採用前提で実値化。最終はベクター純黒/純白版で再確認（export-checklist.md 4章）。
7. 商標・類似ルール
- 配布・公開前に、同名／類似サービス・類似シンボルの有無を確認する。
- 既存有名ロゴ（特定 SaaS / OS / AI 企業）にシルエット・配色・字形が寄っていないか目視。
- 少しでも類似が疑われたら 人間に確認を促す。AI 単独で「問題なし」と確定しない。
判断理由
- バリエーションを4段（フル/プライマリ/アイコン/単色）にしたのは、極小（16px）やグラデ不可媒体でフルロゴが成立しないため、用途で出し分けるのが安全だから。
- 配色を ブランド グラデに揃えたのは、強化エンジンのブランド基準に運用全体（LP/資料/動画）を一貫させるため。
- 数値は「初期推奨値」と明記。最終ロゴの実寸はベクター確定後に実測する（推測で断定しない）。
未確認事項
- 最終ベクターロゴの実寸 → 最小サイズの確定に必要。
- ブランド色の最終合意（ブランドグラデ＝A3、コーポレートカラーが別にあれば差し替え）。
次アクション
- ベクター確定後、6章チェック表を純黒/純白版で再確認。
- 商標の簡易確認を人間に依頼。
ng-patterns.md
ng-patterns.md — AIO Marketing OS ロゴ 禁止例
採用ロゴでやってはいけないこと（禁止例）。LP・資料・SNS・帳票・動画の運用者全員の基準。
ロゴの「使い方の禁止」と「設計上の禁止」を分けて記載する。
A. 使い方の禁止（運用NG）
| # | 禁止 | 理由 |
|---|---|---|
| A1 | 縦横比を変えて伸縮する | 字形・シンボルが歪み信頼を損なう |
| A2 | 任意に色を変える | ブランド色がブレる（指定の白/黒/単色版のみ可） |
| A3 | ドロップシャドウ・ベベル・3D 加工を足す | フラット設計の世界観が崩れる |
| A4 | 低コントラスト背景に重ねる | 判読不能（請求書・動画で特に事故る） |
| A5 | クリアスペースに文字・画像を侵入させる | 窮屈・可読性低下 |
| A6 | 16px 未満でフルロゴを使う | 補助テキストが潰れて読めない → アイコン版を使う |
| A7 | ロゴを回転・傾ける | カジュアル化しすぎ・OS の安定感が消える |
| A8 | 写真の上にそのまま乗せる | 背景に溶ける → 白抜き版＋余白で対応 |
| A9 | 旧版・ラフ生成画像をそのまま配布 | 文字崩れの可能性・商用未確定 |
B. 設計上の禁止（制作NG）
| # | 禁止 | 理由 |
|---|---|---|
| B1 | 既存有名ロゴ（特定 SaaS / OS / AI 企業）に寄せる | 商標・模倣リスク。シルエット/配色/字形を必ずズラす |
| B2 | ノード・回路・点を盛りすぎる | 「AIっぽさ」の演出過多で小サイズで潰れる（D2は最小限） |
| B3 | グラデーションのみで単色版を用意しない | 1色印刷・FAX・帳票で破綻 |
| B4 | フォントを埋め込みのまま納品 | ライセンス・文字化けリスク → アウトライン化必須 |
| B5 | 生成AI画像を最終ロゴとして確定する | 文字崩れ・商用権利が不確定（ベクター再構成必須） |
| B6 | 極小用に削ぎ落とした版を作らない | ファビコン/動画ウォーターマークで使えない |
| B7 | 稼ぐ系・サイバーネオン・子供っぽいポップに振る | ターゲット（中小経営者）の信頼トーンと不一致。ブランド基準（brand_palette.md）でも禁止 |
| B8 | 黒×ゴールドの情報商材配色／過剰ネオングローを使う | ブランド禁止配色（brand_palette.md）。グロー要素は紫1〜2点まで |
| B9 | ブランドグラデ以外の独自配色をロゴに使う（合意なく） | 運用基盤（LP/資料/動画）との世界観分断。色変更は人間合意後のみ |
C. このAI社員として絶対にやらないこと
- 商標の安全を AI 単独で「問題なし」と断定する（必ず人間確認）。
- 読み方・色など未確定情報を確定として書く（仮定と明記する）。
- 個人情報・実案件・社内パスをロゴ成果物に混ぜる。
- 価格（498,000円）・CTA・URL などサービス情報をロゴ図形内に焼き込む（ロゴは名前のみ）。
- 外部公開・SNS投稿・配布を人間承認なしで行う。
判断理由
- 運用NG（A）と制作NG（B）を分けたのは、見る人（運用者 vs デザイナー）が違うため。
- B7〜B9 は強化エンジンのブランド知識（
brand_palette.md）を根拠に制作NGへ格上げ（旧版はA2仮定依存だったが、ブランド基準で禁止が確定する配色は確定ルールにできる）。
未確認事項
- 「避けたい雰囲気」のシナリオ上の最終確定（A2）。ブランド禁止配色（B8）は確定済だが、トーンの細部は人間確認。
次アクション
- 確定後、B7 をブランド確定ルールに格上げ。
- 採用ロゴ確定時に A6/A1 の具体NG画像例（before/after）を1枚ずつ用意すると運用者に伝わりやすい。
export-checklist.md
export-checklist.md — AIO Marketing OS ロゴ 書き出しチェック
ベクター確定後の書き出し（SVG/PNG）と納品物の最終チェックリスト。
ラフはimages/logo-A〜D.pngに生成済（gpt-image-2）。これを下絵にベクター再構成してから本チェックを埋める。各項目は確定時に ○/× を入れる。
配色は ブランド（紫#7b6ce0→ 橙#c87941）。命名はaio-プレフィックス。
1. ソース（編集可能ファイル）
- [ ] マスター SVG（パス確定・テキストはアウトライン化）。下絵=
images/logo-A〜D.png - [ ] バリエーション4種（フル / プライマリ=C横組 / アイコン=A-mark / 単色=D）を別レイヤー or 別ファイルで保持
- [ ] ブランドグラデ版・白抜き版・黒1色版・単色紫版を分離
2. 書き出しフォーマット
| 用途 | 形式 | 仕様 |
|---|---|---|
| Web 汎用 | SVG | テキストはパス化、viewBox 設定 |
| LP / 資料 | PNG 透過 | @1x/@2x、長辺 1024px 以上 |
| SNS アイコン | PNG | 正方 512 / 1024、円トリミング余白込み |
| ファビコン | PNG / ICO | 16 / 32 / 48px |
| メール署名 | PNG 透過 | 高さ 48-72px |
| 印刷 / 請求書 | PDF or 高解像度 PNG | 黒1色版、CMYK 確認 |
| 動画ウォーターマーク | PNG 透過 | 白版、余白込み |
3. 命名規則（推奨）
aio-logo_full_color.svg
aio-logo_full_white.svg
aio-logo_primary_color.svg
aio-logo_primary_black.svg
aio-icon_color.svg
aio-icon_white.png (512)
aio-favicon_32.png4. 最終QA（書き出し前）
- [ ]
usage-rules.mdの単色/反転/縮小チェック表を全項目 ○ - [ ] 16px アイコンで識別できる（実機確認）
- [ ] 黒1色印刷で潰れない（実印刷 or グレースケールプレビュー）
- [ ] フォントがアウトライン化されている（埋め込み残りなし）
- [ ] 既存有名ロゴ類似なし（目視＋人間に商標確認依頼済み）
- [ ] サービス情報（価格/URL/CTA）を図形内に焼き込んでいない
- [ ] 個人情報・実案件・社内パスの混入なし
5. 配布前ゲート（承認）
- [ ] 人間がロゴ最終案を承認
- [ ] 商標の確認結果を人間が確認
- [ ] 公開・SNS投稿・配布は人間承認後に実行（このAI社員は実行しない）
次アクション
- ベクター確定 → 本チェックを実値で埋める → 承認 → 書き出し。
※ 配色はブランド準拠（#7b6ce0→#c87941）。生成画像は下絵。最終はベクター再構成・人間承認後に配布。架空シナリオ（株式会社アイウエオ / AIO Marketing OS）。