ブランドシステム
すぐに使える完全なビジュアル・エディトリアルリファレンス：カラー、タイポグラフィ、グラデーション、コンポーネント、ロゴルール、外部向けトーン、成果物構成。クライアント、見込み客、外部オーディエンス向けのすべてのアウトプットに適用されます。
これらの値はデフォルト値です。プロジェクトに固有のデザインガイドラインがある場合は、まずそれを読み、トークン（パレット、フォント、ロゴ）を上書きしてください。ただし、構成ルール、トーン、成果物構成は引き続き有効です。
全体的な精神：ミニマルな手段、たっぷりとした余白、高い可読性を持つタイポグラフィ、スイスとバウハウス的な美学。
参照ファイル：
references/tokens.cssおよびreferences/tokens.json：以下のトークン（インポート準備済み）references/charte.png（および.svg）：パレット、タイポグラフィ、コンポーネントを一枚のシートにまとめたもの
1. カラーパレット
| 役割 | Hex | 注記 |
|---|---|---|
| ロゴカラー | #295FEC | ロゴのみ |
| プライマリ（CTA、リンク、アクセント） | #3D65E8 | インターフェース、アクセントテキスト、ボタン |
| 明るい背景（グローバル） | #EBEFF7 | コンテンツスライドの背景、バナー |
| オフホワイト背景（グラデーションのベース） | #F8F9FB | グラデーション付きスライド・ページのベース |
| サーフェス、カード | #FFFFFF | カード、ブロック、囲み枠 |
| 薄いサーフェスブロック | #F0F2F7 | グリッド内のカード |
| 主要テキスト | #111827 | 本文、濃い見出し |
| 控えめなテキスト | #6B7280 | ラベル、キャプション、メタデータ |
| ステータスグリーン | #22C55E | ポジティブなインジケーター |
1メディアにつき1つのアクセントカラーのみ：プライマリカラーを使用します。
2. 背景グラデーション
明るい面やスライドに適用される、ソフトな放射状グラデーション。控えめで、一見しただけでは気づかれないようにします。
background: radial-gradient(
ellipse at 85% 10%,
rgba(180, 215, 245, 0.55) 0%,
rgba(200, 230, 252, 0.25) 35%,
transparent 65%
), #F8F9FB;
/* 2つの対角に適用する場合 */
background:
radial-gradient(ellipse at 90% 5%, rgba(165, 210, 245, 0.45) 0%, transparent 50%),
radial-gradient(ellipse at 5% 95%, rgba(165, 210, 245, 0.25) 0%, transparent 45%),
#F8F9FB;
PPTXの場合：スライド背景 #F8F9FB、右上隅からの放射状グラデーション塗りつぶし、開始色 #B4D7F5（不透明度55%）、透明へ。
3. コンポーネント
ボタン
- プライマリアクション：ピル型（角丸 999px）、プライマリ背景、白テキスト、右矢印アイコン。
- セカンダリアクション：ピル型、白背景、薄い境界線、濃いテキスト、右矢印アイコン。
カード
- 白または薄いサーフェス背景、角丸 16px、ソフトシャドウ、目立った境界線なし。
- メタデータ：控えめなテキストで年、次にドット区切り（例：「2024 · プロジェクト名」）。
- タイトルはセミボールド、本文はレギュラー、下部リンクは控えめなテキスト。
4. タイポグラフィ
| 用途 | フォント | ウェイト |
|---|---|---|
| 主要見出し | Inter | Black 900 または ExtraBold 800 |
| サブタイトル、ラベル | Inter | SemiBold 600 |
| 本文 | Inter | Regular 400 |
| メタデータ、キャプション | Inter | Regular 400、控えめなテキスト |
優先代替フォント：Public Sans。システムフォールバック：Geist、SF Pro、Helvetica Neue。セリフ体や装飾フォントは使用しないでください。
5. アイコン
Phosphor Icons または Lucide、文脈に応じて Regular または Light ウェイト。成果物内に絵文字は使用しないでください。
6. ロゴ
プロジェクトのロゴはプロジェクトとともに提供されます。このスキルにロゴファイルは付属しません。すべてのロゴに有効な使用ルール：
- スライド、カラーの背景のカバー： 左上にロゴタイプ、白版がある場合はそれを使用、シンボルの高さ 36～40px。
- コンテンツスライド、明るい背景： シンボルのみ、またはフッターに完全なロゴタイプ、高さ 20～24px、控えめなテキスト、左下揃え。
- Word文書： 1ページ目のヘッダーにロゴタイプ、左揃え、高さ 28～32px、引き伸ばさない。
- Webアーティファクト： インラインSVGシンボル、32px、サイトへのリンク付き。
- 保護余白： シンボルの高さの最低1倍を各辺に確保し、この領域にテキストやグラフィック要素を配置しない。
- 禁止事項： ロゴの変形・引き伸ばし、指定色または白以外への着色、ぼやけた低解像度版の使用、コントラスト不足の背景への配置。
7. 外部向けトーンオブボイス
- 対等な立場で、決して上から目線や商業的にならない。
- 正確で具体的に：実際の事例、数値、観察可能なメカニズム。
- 平易に説明しつつ、専門性を損なわない。専門性は誇張ではなく、正確さに表れる。
- 執筆スタンスとして
sober-writingを並行して適用し、フランス語テキストの場合はfrancais-parfaitを適用する。
すべての外部文書で禁止：「～に情熱を持つ」「結果志向」「価値創造者」、自己賛美の三人称経歴、文脈や証拠のないスキル一覧、多くを約束し説明が少ないエージェンシートーン。
8. 成果物の構成
提案書、ワンページャー
- クライアントの背景と課題（自己紹介から始めない）。
- 介入の角度とそのメカニズム。
- 成果物とマイルストーン。
- 料金と条件。
- 関連する実績（類似事例）。
ケーススタディ
- 初期状況：数値、制約、組織。
- 行われた決定とその理由。
- 測定可能な結果。
- 別の方法で行えたこと。
プロフィール文（80～100語）
- 役割と差別化する視点で始める。
- 2～3つの具体的な証拠：クライアント、結果、状況。
- 現在の空き状況や専門分野で締めくくる。
営業メール：受信者固有の件名。本文80～120語で、相手の状況への観察、直接的な提案、明確な行動喚起を含める。
Word文書：ヘッダーにロゴタイプ、フッターにプロジェクト連絡先、本文はInterまたはPublic Sans、見出しはセミボールド、アクセントカラーは1色のみ、装飾は一切なし。
9. slides および pptx との組み合わせ
3つのスキル、3つの役割：
| スキル | 役割 |
|---|---|
brand-system（これ） | アイデンティティ：パレット、タイポグラフィ、グラデーション、コンポーネント、ロゴ、トーン |
slides | レイアウト：15種類のレイアウト、ナラティブ構成、見出し |
pptx（Anthropic製、別途インストール） | .pptx ファイルの技術的な生成 |
プレゼンテーション作成手順：
brand-systemを読み、トークンを設定する（またはプロジェクトのトークンに置き換える）。slidesを読み、これらのトークンを使用してデッキの構成とレイアウトを選択する。pptxを読み、最初の2つの値を適用してファイルを生成する。- スライドごとに結果を確認する（画像にエクスポート）、
slidesの検証を使用する。
10. すべての成果物提出前のチェックリスト
- ポジショニングは、形容詞ではなく証拠に基づいている。
- トーンは対等であり、商業的ではない。
- ロゴは使用ルールと余白を守っている。
- ロゴカラー（#295FEC）とインターフェースのアクセントカラー（#3D65E8）は区別されている。
- タイポグラフィはInterまたはPublic Sansのみ。
- 絵文字、emダッシュ、空虚なバズワードは一切ない。
sober-writingが適用され、フランス語テキストの場合はfrancais-parfaitも適用されている。