## カラーパレット

### 原色

**背景**

- 色: `#f2f2f0`

- 説明: 淡いニュートラルなオフホワイト、清潔でミニマルなデザイン

- 使用方法: 例外なくすべてのスライド背景

**主要テキストと行**

- 色: `#2B2B2B` または `#1A1A1A`

- 説明：非常に濃い灰色、ほぼ黒

- 使用方法：すべてのテキストコンテンツ、ヘッダー区切り線、幾何学的アウトライン、文字アウトライン

### アクセントカラー

**鮮やかなブルー**

- カラー: `#5B7FFF` (代替色: `#4D6FE8`)

- 説明：エネルギーのある中程度の明るさの青

- 用途：幾何学的形状上の円形ノード、キャラクターの衣服/スカーフ、ボタンの塗りつぶし、装飾ドット

**落ち着いたゴールド**

- カラー: `#C9B568` (代替色: `#D4C17A`)

- 説明：温かみのあるマスタード/ゴールドトーン

- 使用例：幾何学的形状上の円形ノード（青色と交互に配置）、装飾的なアクセント

### 色の適用ルール

背景色は常に`#E8E6E3`です。

- テキストは常に `#2B2B2B` です

- 青と金は円形のノードと文字のアクセントにのみ使用されます

- 大きなブロックやテキストの色として青や金色は絶対に使用しないでください。

テキストと背景のコントラストを高く保つ

## タイポグラフィシステム

### フォントファミリー

**メイン表示フォント：Roca Two（または同様の太字セリフ体）**

特徴：大胆で親しみやすいセリフ体で、丸みを帯びた質感を持つ。

- 重量：太字/重め

- 使用方法：すべてのスライドタイトル、メイン見出し、セクション見出し

- 同じフォントを維持する

**本文用フォント：Poppins（またはInter）**

特徴：すっきりとしたモダンなサンセリフ体で、優れた可読性を備えています。

重量：本体用レギュラー（400）、強調用ミディアム（500）

- 使用方法：本文、字幕、キャプション、ページ番号、ロゴテキストすべて

- 同じフォントを維持する

### フォントサイズ階層

**特大タイトル**（表紙スライド、主要セクションの区切り線）

- フォント: **Roca Two**

- サイズ：72～96pt

- 色: `#2B2B2B`

- 使用例：「メインタイトル」、「ありがとうございます」、「議題」

**大きな見出し**（コンテンツスライドのタイトル）

- フォント: **Roca Two**

- サイズ：48～60pt

- 色: `#2B2B2B`

- 使用例：「私たちのビジョン」、「ブランドポジショニング」、「あなたの考えは？」

**本文**（段落、説明文）

フォント：Poppins Regular

- サイズ：18～24pt

- 色: `#2B2B2B`

線の高さ：1.6～1.8

- 使用法: すべての段落コンテンツ、説明

**小さな文字**（ページ番号、フッター、キャプション）

フォント：Poppins Regular

- サイズ：16～18pt

- 色: `#2B2B2B`

- 使用例：「ページX」、ウェブサイトのURL、メールアドレス

**ボタン/ピルテキスト**

フォント：Poppins RegularまたはMedium

- サイズ：20～24pt

- 色: `#2B2B2B`

- 使用方法: 丸い錠剤ボタン内のテキスト

### タイポグラフィのルール

- セリフ体フォントは絶対に混用しないでください。表示用には**Roca Two**のみを使用してください。

本文には絶対にセリフ体を使用しないでください。ポピンズ体のみを使用してください。

読みやすさを保つため、行間を一定に保つ（1.6～1.8）

- すべてのテキストは`#2B2B2B`でなければなりません - 例外はありません

段落間の間隔を十分に空ける（24～32pt）

## レイアウトシステム

### グローバルヘッダー構造

**表紙スライドのみ（1ページ目）**

**左ヘッダー要素:**

- ロゴ

- サイズ：直径32～40pt

- 色: 黒の輪郭線 `#2B2B2B`

位置：左端から60～80ピクセル、上端から60～80ピクセル

- ロゴとテキストの間隔：12～16ピクセル

**右ヘッダー要素:**

フォント：Poppins Regular、16～18pt

- 色: `#2B2B2B`

位置：右端から60～80ピクセル、上端から60～80ピクセル

- 配置: 右揃え

**見出し区切り線:**

細い水平線

重量：1～2pt

- 色: `#2B2B2B`

位置：ヘッダー要素の下、余白を含めて全幅に広がる

- 端からの余白：左右60～80ピクセル

**コンテンツスライド（2～4ページ）とクロージングスライド（5ページ）：**

- YouMindのロゴは表示されません

- 「ページX」のテキストのみ

位置：右上隅、下中央、またはその他の微妙な配置

- ヘッダー区切り線なし

- コンテンツを表示するための縦方向のスペースが増えました。

### マージンシステム

**標準余白:**

上部：60～80ピクセル（ヘッダー区切り線の下にはさらに40～60ピクセル追加）

- 下部: 60～80ピクセル

- 左: 80～100ピクセル

- 右: 80～100ピクセル

**コンテンツ領域:**

ヘッダーと余白を考慮すると、コンテンツ領域はおよそ幅1200～1280ピクセル×高さ600～680ピクセルになります（1920×1080ピクセルの16:9の場合）。

## 視覚要素

### 手描きの幾何学的形状

**コアデザイン:**

- スタイル：不完全で手描きの長方形と正方形

ラインの太さ：2～3pt

- カラー：ブラック `#2B2B2B`

- 品質：有機的で、やや歪んだ線（完全にまっすぐではない）

- 接続：さまざまな角度で図形をつなぐ線

**円形ノード:**

形状：完全な円形

- サイズ：直径24～40pt

- 塗りつぶし：単色 - `#5B7FFF`（青）または`#C9B568`（金色）のいずれか

- 位置: 幾何学的形状の接続点および角

・柄：青と金を交互に配色して変化をつける

**配置ルール:**

スライドの隅（左上、右上、左下、右下）に配置する

- テキストコンテンツと重ならないようにしてください

コンテンツ領域から40～60ピクセル離してください。

視覚的なバランスを作る - 左側に図形があるなら、右側にも図形があるべきだ

典型的な配置：3～6個の円形ノードを持つ、連結された2～4個の長方形

### 丸みを帯びたピルボタン

**設計仕様:**

形状：角丸長方形（錠剤型）

- 枠線: 2pt 実線黒 `#2B2B2B`

- 塗りつぶし：透明または`#E8E6E3`（背景色と同じ）

- 境界線の半径：高さ全体にわたる半径（完璧な錠剤）

- パディング：水平方向16～24ピクセル、垂直方向12～16ピクセル

- テキスト: Poppins Regular、20-24pt、`#2B2B2B`

**使用法：**

- 議題スライド上のナビゲーション要素

- 行動喚起ボタン

- セクションラベル

常に輪郭線のみで、色は塗られていない。

**ホバー状態／アクティブ状態（インタラクティブな場合）**

- 塗りつぶし: `#5B7FFF` (青)

- テキスト: 白 `#FFFFFF`

- 境界線: `#5B7FFF`

### 装飾ドットグリッド

**仕様:**

- ドット：直径3～4ptの小さな円

- 色: `#2B2B2B`

- パターン：規則的なグリッド、12～16ピクセル間隔

配置：6×6または8×8グリッド

位置：右上隅、端から100～150ピクセル

- 使用法：オプションのアクセントとして、視覚的な面白さを加えつつ、主張しすぎない。

### アイコン（最小限の使用）

**スタイル：**

線画のみ、塗りつぶしなし

重量：2～3pt

- 色: `#2B2B2B`

- サイズ：48～64pt

- 例：目のアイコン（視覚）、ターゲット／十字線（任務）

使用方法：特定の概念を強化する場合にのみ、控えめに使用する。

## キャラクターイラストシステム

### キャラクターデザイン仕様

**基本構造:**

- シンプルな白い人型キャラクターの、ミニマルな手描きの落書きイラスト。キャラクターは丸みを帯びた細長い頭、目は2つの小さな黒い点、そして目立つ尖った鼻を持っています。指や足の指ははっきりと描かれていません。首には厚くて長い無地の青いスカーフ（オプション：マスタードゴールドのスカーフに置き換え可）を巻き、端は垂れ下がっています。画風は、太く質感のある黒いマーカーの輪郭線と、陰影のないフラットな色使いで、無地のオフホワイトの背景に描かれています。キャラクターは[文脈に合ったもの]です。

**ブルーアクセント（重要）**

- 要素：スカーフ、シャツ、または衣類

- カラー：`#5B7FFF`（鮮やかなブルー）

スタイル：手描きの流れるような有機的な形状

- カバー率：文字の15～25%

- 目的：ブランドアイデンティティ、視覚的魅力、動き

**スタイルの一貫性:**

- 常に手描きのクオリティ（有機的で、不完全な線）

- 必ず青色のアクセント要素を含める

- すべての文字で同じ線幅を維持する

ポーズごとにプロポーションを一定に保つ

### ミニマリストイラストレーションガイドライン

**シンプルさを第一に:**

- イラストはすべて極めてシンプルかつ最小限に抑える

文字の高さは120pt（スライドの高さの約10～12%）を超えないようにしてください。

幾何学的要素は小さく、角の部分のみに限定されるべきである。

- イラストの総面積はスライド面積の15%未満であること

複雑な図面や詳細な図面は避ける

**空間とゆとり:**

スライド全体に十分な余白を確保する

テキストはコンテンツ領域の50～55％（通常は左側）のみを占めるべきです。

右側は視覚的なゆとりを持たせるため、ほとんど空けておくべきです。

- 四辺すべてに十分な余白を設ける：最低100ピクセル、できれば100～120ピクセル

- イラストは右下隅のみに限定され、端から少なくとも100ピクセル離れていること

**レイアウトバランス:**

スライドの中央は清潔で空洞である必要があります。

物を散らかしたり、利用可能なスペースをすべて埋め尽くしたりしないようにしましょう。

余白を戦略的に活用して、焦点と明瞭さを生み出す

- 少ないほど良い：不要な視覚要素を取り除く

装飾よりも読みやすさと空間の広さを優先する