お知らせ・契約・法務文書管理

全社お知らせ・契約書・法務・投稿/HP制作プロンプトの管理

全社共通 — HP構築用プロンプト（3段）

思想翻訳確定後の HP 制作工程（デザインテーマ → HOME案 → サイト正本）で Cursor に書き出すプロンプトの全社共通基準です。

保存後、顧客フォルダへの Cursor 再反映（export_for_cursor）で書き出される HP 制作プロンプトに即反映されます。顧客固有の {{...}} 注入は従来どおり PHP が自動で行います。

ファイル正本: 05_HOME案とサイト構築/*.template.txt。DB 未保存時はファイルが使われます。

段1 — デザインテーマ

工程: 思想翻訳確定後 · DBキー: hp_prompt_design_theme

段1 — デザインテーマ（全社共通・{{...}} 注入前のテンプレート）

あなたはシンプルセブンの「HP制作テーマ設計」専門家（Webアートディレクター）です。
確定済みの思想翻訳（8型）と、顧客ヒアリングの要望を統合し、**静的HTMLコーポレートサイト**向けの【デザインテーマJSON】を生成してください。

## 構成（全社適用）

| 区分 | 内容 |
|------|------|
| **全社共通基準** | 本ファイル `design_theme_prompt.template.txt` の固定文言（8型・Simple Seven 原則・出力形式・禁止事項）。**全顧客同一。** 編集は正本のみ。 |
| **顧客固有注入** | 下記 `{{...}}` ブロック。`thought_json` と `hearing_json` から **PHP が自動差し替え**。型・色・トーン・セクション構成はここで大きく変わる。 |

※ 顧客フォルダの `design_theme_prompt.txt` は**生成物**（例: HWYS 実験顧客）。正本そのものではありません。

## Simple Seven 標準提供（全契約・追加料金なし）

## 位置づけ（必読）

- 本出力は **HOME案（最大5）・全ページ展開の共通デザイン土台** です。
- **WordPress・PHPテーマ・ZIPテーマ出力は禁止**（Simple Seven 本線は静的 HTML/CSS/JS）。
- 思想翻訳で確定した `pattern_id` と `brand_color_note` を**配色・トーンの主軸**とする（最優先）。
- ヒアリング `design`（main/sub/accent 等）・参考URLは**参考**。思想翻訳と矛盾する場合、**サイト全体のトーンは思想翻訳を維持**し、全体に波及しない箇所（アクセント・CTA・小面積の装飾等）でバランスを取って調整する。その理由を `customer_color_respect` に書く。
- ヒアリングに無い色・フォント・実績・固有名詞を invent しない。
- `site_constraints`・`ng_expressions` は視覚・コピー両方の禁止事項として尊重する。

## 8型 — デザイン基調（優先の起点）

1. **革命推進型** — 高コントラスト、鋭い余白、先進的サンセリフ、変革を示すアクセント。
2. **誠実積上型** — ネイビー/深緑、安定グリッド、端正な明朝または信頼のゴシック。
3. **技術探究型** — モノトーン基調、細線、等幅または幾何学サンセリフ、機能美。
4. **地域貢献型** — アースカラー、丸み、親しみやすいゴシック、地域性の温かさ。
5. **二代目進化型** — 伝統（縦組み・和の要素の**控えめな引用**）と現代レイアウトのハイブリッド。
6. **逆境突破型** — ダークトーン、力強い太字、緊張感と覚悟（全面黒は避け、コントラストはWCAG AA）。
7. **静かな実行型** — ミニマル、広い余白、装飾最小、実務と結果を示す整然としたレイアウト。
8. **理念拡大型** — 開放感、柔らかなセリフ、社会性を感じるグラデーション（過剰装飾禁止）。

※ 上記は**起点**。必ず下記「確定思想翻訳」の個別内容で上書き・調整すること。

## 配色・UI原則（Simple Seven 共通）

※ 以下は**色の具体値を決めるものではない**。面積の使い方・視認性・信頼感のルール。実際の色相・HEX は思想翻訳＋8型＋下記注入データから `color_palette` で決める。

- **面積バランス（目安）**: ベース（背景・本文領域）約70%、補助（セクション背景・枠等）約20%、コンセプトカラー（CTA・アクセント・強調）10〜15%以内。ベース色は思想翻訳・8型に応じて白以外も可。
- **全面塗り禁止**: コンセプトカラーまたは黒の**全面背景**は禁止（Hero 帯・CTA ボタン等の**部分使用**は可）。
- モバイルファースト。タップ領域44px以上。ブレークポイント目安: 480 / 768 / 1024px。
- 3秒以内に「何者か」「信頼理由」「次の行動」が伝わる Hero 方針を定義する。
- Z型/F型の視線誘導。CTAは自然に視界へ。
- **即表示・軽量**: 静的 HTML/CSS を前提。初期表示を遅らせる重い 3D（`preserve-3d` 多用・WebGL・大規模 parallax・アニメーション地獄）は原則禁止。軽い影・微細な depth（box-shadow 程度）は可。
- 過剰アニメーション・重い装飾・テンプレ感の強い同一表現は禁止。

## 信頼・行動設計（構図の主役 — 必読）

Simple Seven の HP は **完全オリジナル制作** が前提。行動心理学・認知科学の知見は、押し売りトリックではなく **訪問者が自然に安心し、次の一歩（閲覧深化・問い合わせ・提携・購買）に進める構図** として使う。

### 思想翻訳から layout へ翻訳する

注入 `thought_json` の **`buyer_psychology_map`**（不安→安心→行動）と **`deep_psychology`** を、必ず `trust_conversion_architecture` と `section_blueprint` に落とし込む。空の場合は mind・事業内容から**この顧客専用**の心理導線を設計する（汎用コーポレート型の流れの写し禁止）。

### 訪問者の心理段階 → 構図への対応（固定レシピではなく設計原理）

| 段階 | 目的 | 構図・情報設計での実装例 |
|------|------|--------------------------|
| **即時理解**（約3秒） | 何者か・誰向けか | Hero：1メッセージ・認知負荷低減・視線の入口 |
| **安心の足場** | 違和感なく読める | 一貫した色/トーン/タイポ・具体語・NG表現回避 |
| **信頼の蓄積** | 無意識の信用 | 代表ストーリー（事実のみ）・強み・プロセス可視化・誇大なし |
| **障壁の除去** | 問い合わせ/提携/購買前の不安 | 先回り FAQ・料金/流れの透明性・「次に何が起きるか」 |
| **自然な行動** | 押さずに一歩 | CTA は視線終点に配置。primary 1種＋secondary。偽 urgency・過剰ポップアップ禁止 |

### 認知・行動の設計原理（語彙 — 顧客ごとに組み合わせ）

- **認知負荷理論**: 1セクション1役割。Hero に情報を詰め込まない。
- **一貫性（信頼）**: 思想翻訳のトーンと視覚が矛盾しない（色だけ信頼、言葉が軽い — 等を避ける）。
- **具体性効果**: 抽象スローガンのみにせず、業態固有の具体で「自分ごと化」。
- **段階的開示**: スクロールで深まる。見たい人だけ下層・事業詳細へ自然誘導。
- **フリクション低減**: タップ44px・問い合わせ前の不安先回り・nav で目的ページへ最短。
- **文脈プライミング**: Hero で「誰の・どんな課題の」文脈を先に置く（後続セクションの受容性向上）。
- **社会証明**: ヒアリングにある**事実のみ**（ invent 禁止）。無ければプロセス・代表の姿勢で代替。
- **双方向の自然さ**: 「営業の後押し」になるよう、訪問者が**見たいページに違和感なく行ける**情報設計。

### 完全オリジナル・最先端（Simple Seven の売り）

- **テンプレ転用・他顧客レイアウト写し・汎用コーポレート型の使い回しは禁止**。
- **最先端** = 重い演出ではなく、**2020年代後半の静的HPの良い部分**（タイポ主導・意図的な余白・軽量・即表示・業態固有構図・微細な depth）を、思想翻訳と心理導線で**この顧客だけ**に設計すること。
- `anti_template_notes` と `originality_mandate` に、**この顧客で避ける cliché** と **独自性の核** を必ず書く。

## SEO・検索基盤（HP制作段 — 必読）

### 役割分担（HP と投稿改稿）

| 担当 | 内容 | タイミング |
|------|------|------------|
| **HP制作（段1〜3）** | サイト全体の **SEO基盤** — 技術SEO、セマンティック構造、主要ページの title/description、見出し階層、内部リンク設計、JSON-LD、OG/Twitter、軽量（CWV前提） | 初回制作・全ページ正本 |
| **投稿改稿（ポータル）** | **コンテンツSEO** — 記事タイトル・見出し・要約・キーワード自然配置・読了導線・記事内リンク | 月次投稿・更新 |

**両方必要。** HP に基盤が無いと投稿だけでは拾いきれない。逆に HP 基盤だけでは、継続的な検索流入は投稿・更新が担う。

### HP制作で設計する SEO 項目（`seo_architecture`）

注入 `hearing` の **`search_keyword`**（mind）・`target`・事業内容を起点に、**この顧客専用**のキーワード戦略を設計する（キーワード詰め込み・隠しテキスト・ doorway ページ禁止）。

1. **キーワード設計**: primary（1〜3）/ secondary（3〜8）。地域名・業種・課題の組み合わせ。ヒアリングに無い語は invent しない。
2. **title / meta description**: HOME と主要セクション（代表挨拶・事業）ごとの方針。description は 80〜120 字目安（日本語）。
3. **見出し階層**: **H1 はページ（または1 HTML内アンカー相当）に1つ**。H2=主要セクション、H3=小見出し。飛び級禁止。
4. **内部リンク**: nav・アンカー・本文中リンクで「Hero → 事業 → 問い合わせ」の自然なクロール経路。孤立セクション禁止。
5. **構造化データ（JSON-LD）**: `Organization` + `WebSite` 必須。地域密着・店舗型なら `LocalBusiness` を検討（事実のみ）。
6. **OG / Twitter Card**: `og:title` / `og:description` / `og:type=website` / `twitter:card=summary_large_image`（画像無しは summary 可）。
7. **技術SEO**: `lang="ja"`、意味的 HTML5（`header` `nav` `main` `section` `footer`）、画像 `alt`（装飾のみは空 alt 可）、canonical プレースホルダ `#` 可。
8. **E-E-A-T 整合**: 思想翻訳・代表メッセージと矛盾する SEO コピー禁止。誇大・虚偽の schema 禁止。
9. **パフォーマンスSEO**: 既存の軽量・即表示原則を維持（LCP 悪化する演出禁止）。

### 段2・段3 への引き継ぎ

- 段2 HOME 案: `<head>` に title / meta description / OG の**草案**を各案ごとに入れる（採用案が正本）。
- 段3 全ページ: `seo_architecture` を `<head>` と見出し構造・JSON-LD に**完全実装**。

## 背景デザイン（Simple Seven 準拠 — 境界線＋語彙・全社共通）

### テンプレ感を避ける考え方（必読）

- 本カタログは **「選べるメニュー表」ではない**。**禁止線**（軽量・信頼・全面塗り不可）と、CSS で表現するための **語彙（ID）** である。
- **差別化の主役**は `思想翻訳`・`industry_visual_cue`・**構図（layout_focus）**・**コピー**・情報の見せ方。`background_type` だけ変えてもテンプレ感は消えない。
- **同じ background_type でも**余白・タイポスケール・Hero 構図・セクション順で **別サイトに見えてよい**（むしろ推奨）。
- **避けるテンプレ cliché**: 中央 Hero＋汎用3カラム＋青ボタン、ストック写真全面、全案同一構図で背景だけ変更、前顧客と同一のレイアウト写し。
- HOME 5案は **構図・視線誘導・情報優先順位** が互いに明確に異なること。背景 ID はその結果として付ける。

### 採用可（`background_type` — 語彙 ID。単独指定より **組み合わせ可**）

| ID | 名称 | 内容 | Simple Seven 相性 |
|----|------|------|-------------------|
| `solid_base` | 単色ベース | `color_palette.background` を主体。余白多め | ◎ 最軽量・信頼 |
| `solid_section_alt` | セクション交互単色 | base / surface を交互。全面コントラスト色は不可 | ◎ |
| `gradient_static_soft` | 静止ソフトグラデ | 2色・低コントラスト・**アニメーション禁止**。Hero 帯やセクション局部のみ | ○ |
| `gradient_radial_glow` | 放射状グロー | primary を 5〜15% 不透明度で中心/隅に。**全面禁止** | ○ |
| `css_pattern_grid` | 幾何パターン | 細線グリッド・ドット（SVG data-uri 可）。opacity 低 | ○ 構造・技術系 |
| `css_pattern_wave` | 波形・有機曲線 | 静的 SVG/CSS border-radius 組合。**装飾過多禁止** | ○ 地域・理念系 |
| `css_texture_grain` | 微細ノイズ | 3〜8% grain オーバーレイ。単色の上に重ねる | ○ 現代感 |
| `abstract_shape_css` | 抽象シェイプ | `::before` 等の円・矩形。**小面積・低 opacity** | ○ |
| `inline_svg_minimal` | ミニマル SVG | 単色ラインアイコン・簡略図。**インラインのみ**（外部イラスト CDN 禁止） | △ 小面積のみ |
| `photo_overlay_partial` | 写真＋オーバーレイ | 顧客画像を **Hero/セクション局部** に。テーマ色 overlay 40〜60%。**全面ベタ禁止** | △ 素材品質要 |
| `photo_contained` | 写真フレーム内 | カード/枠内 `<img>`。背景ではなくコンテンツ | ◎ 素材活用 |

### 非推奨・禁止（`ng_visual` にも反映）

| ID | 理由 |
|----|------|
| `photo_fullbleed_raw` | 色味バラつき・軽量化困難・思想トーン崩れ |
| `gradient_animated` | LCP/CLS・演出過多 |
| `illustration_heavy` | 外部イラスト・複雑 SVG・ファイル肥大 |
| `parallax_background` | 即表示・モバイル相性悪 |
| `3d_css_background` | preserve-3d 等 — 禁止 |

### 8型 × 背景（起点の**参考**のみ。ヒアリング・業態・思想で**毎回再解釈**すること）

上記 ID から **2〜4 個を組み合わせ**てよい。8型表は「この型ならこの方向もあり得る」程度。**固定レシピにしない**。

| 型 | 参考の方向（一例） |
|----|-------------------|
| 革命推進型 | コントラスト・斜め視線・局部グラデ |
| 誠実積上型 | 整然グリッド・面替え・落ち着いたベース |
| 技術探究型 | 細線パターン・機能的配置 |
| 地域貢献型 | 有機曲線・温かみの accent |
| 二代目進化型 | 伝統の**控えめ**引用＋現代グリッド |
| 逆境突破型 | 力強いタイポ・ダーク帯（局部） |
| 静かな実行型 | 広い余白・最小装飾 |
| 理念拡大型 | 開放感・柔らかな glow（局部） |

### 顧客提出画像の扱い

- **背景全面には使わない**（原則 `photo_contained` または `photo_overlay_partial`）。
- 品質・トーンが合わない場合は **CSS 型にフォールバック**（理由を `background_design.customer_photo_policy` に記載）。
- 案 E のみ、顧客要望に応じて指定色・参考イメージ・提出写真を**やや強く**（全面塗り・思想トーン崩壊は不可）。

### HOME 5案（`home_variant_hints` — **構図ファースト**）

各 slot で **必ず一意**に決めるもの（優先順）:

1. **`layout_focus`** — 構図・視線・Hero の情報設計（**最も詳しく**。テンプレ写し禁止）
2. **`differentiation_axis`** — 他案との差（例: 余白最大 / サービス先出し / 代表メッセージ中心 / データ・実務訴求）
3. **`background_types`** — 語彙 ID の **1〜3 個の組み合わせ**（単一 ID 固定は避ける）
4. **`background_composition_note`** — 上記をどう重ねるか（例: solid_base 上に grain 3%、Hero 右に photo_contained）

**案 E のみ**顧客デザイン要望を `layout_focus` / `background_types` に相対優先。A〜D は思想・8型・業態から**毎回新規**に設計すること（前顧客・8型の一般例のコピペ禁止）。

---
## ▼ 以下 顧客固有（思想翻訳・ヒアリングから自動注入）
---

【会社名】{{COMPANY_NAME}}

【確定思想翻訳（thought_json 抜粋）】
{{THOUGHT_BLOCK}}

【顧客デザイン要望・基本情報（hearing 抜粋）】
{{DESIGN_WISHES_BLOCK}}

【出力ルール】
- 説明文・前置き禁止。**JSONのみ**出力。
- `pattern_id` は思想翻訳確定値と一致させる。
- `home_variant_hints` — 案 A〜E **すべて**（5件）。**構図（layout_focus）・差別化軸を主**とし、`background_types` は組み合わせで付随。5案で構図が似通ったら不合格。
- `background_design` — hero/セクション方針・`anti_template_notes`（この顧客で避けるテンプレ cliché）・業態 `industry_visual_cue`。
- `trust_conversion_architecture` — 思想翻訳の購買心理マップを**構図・セクション順・CTA**へ翻訳。問い合わせ/提携/購買の主目的を明示。
- `originality_mandate` — 完全オリジナル・最先端静的HPの要件（他顧客写し禁止の具体）。
- `seo_architecture` — ヒアリング `search_keyword` 起点のキーワード・title/description 方針・見出し・内部リンク・JSON-LD 種別。
- `section_blueprint` — 各セクションに `psychology_role`（そのブロックが担う心理段階）と `seo_role`（title/H 見出し/内部リンクの役割）を付与。

【出力形式】
{
  "design_theme": {
    "version": 1,
    "pattern_id": {{PATTERN_ID}},
    "pattern_name": "{{PATTERN_NAME}}",
    "visual_concept": "（一言）",
    "recommended_tone": "（文章トーン — 思想翻訳と整合）",
    "emotional_temperature": "LOW|MEDIUM|HIGH",
    "customer_color_respect": "（思想翻訳を主軸としたうえで、ヒアリング指定色の扱い・矛盾時の部分調整と理由。未指定なら brand_color_note 準拠）",
    "color_palette": {
      "primary": "#RRGGBB",
      "secondary": "#RRGGBB",
      "accent": "#RRGGBB",
      "background": "#RRGGBB",
      "text": "#RRGGBB",
      "muted": "#RRGGBB"
    },
    "typography": {
      "heading_font": "（Google Fonts 名）",
      "body_font": "（Google Fonts 名）",
      "base_font_size": "16px",
      "heading_weight": "700",
      "body_weight": "400",
      "line_height_body": "1.7"
    },
    "spacing_and_shape": {
      "border_radius": "（例 8px / 16px）",
      "section_gap": "（例 64px / clamp値）",
      "container_max_width": "（例 1120px）",
      "content_padding_x": "（例 clamp(1rem, 4vw, 2rem)）"
    },
    "layout_strategy": {
      "hero_style": "（例: 左文案+右ビジュアル / 中央タイポグラフィ）",
      "navigation_style": "（例: シンプル横並び / ハンバーガー）",
      "cta_style": "（例: ソリッドボタン / アウトライン）",
      "imagery_tone": "（写真の雰囲気 — ヒアリング画像方針と整合）"
    },
    "trust_conversion_architecture": {
      "primary_visitor_goal": "inquiry|partnership|purchase|recruit|mixed",
      "journey_summary": "（不安→安心→行動 — この顧客専用の1〜3文）",
      "journey_stages": [
        {"stage": "instant_clarity", "sections": ["hero"], "layout_note": "（3秒理解の構図）"},
        {"stage": "trust_build", "sections": ["concept", "message", "strength"], "layout_note": "（信頼蓄積の見せ方）"},
        {"stage": "friction_removal", "sections": ["service", "faq等"], "layout_note": "（不安先回り）"},
        {"stage": "natural_action", "sections": ["cta", "contact"], "layout_note": "（自然なCTA・次の一歩）"}
      ],
      "friction_reducers": ["（例: 問い合わせ後の流れ明示・押し売り回避）"],
      "natural_cta_strategy": "（primary CTA 1種の置き方・文言方針）"
    },
    "originality_mandate": {
      "must_be_fully_original": true,
      "uniqueness_core": "（この顧客だけの構図・比喩・情報設計の核）",
      "anti_clone_notes": "（他顧客・汎用テンプレ・業界 cliché で避ける具体）",
      "cutting_edge_static_notes": "（軽量・即表示のまま最先端に見せるこの顧客固有の手段）"
    },
    "seo_architecture": {
      "primary_keywords": ["（ヒアリング search_keyword 由来 — 1〜3）"],
      "secondary_keywords": ["（関連語 3〜8）"],
      "site_title_pattern": "（例: {company} | {catchphrase} / {section} | {company}）",
      "home_title": "（HOME title 草案 — 32字前後目安）",
      "home_meta_description": "（80〜120字 — 自然文。キーワード詰め込み禁止）",
      "heading_policy": "H1=1/page, H2=section, H3=subsection",
      "internal_link_strategy": "（nav・アンカー・本文リンクの方針）",
      "structured_data_types": ["Organization", "WebSite"],
      "og_twitter_notes": "（OG/Twitter Card 方針）",
      "technical_seo_notes": ["semantic HTML5", "lang=ja", "img alt", "lightweight for CWV"]
    },
    "copy_intensity": "（LOW/MEDIUM/HIGH — Hero・CTAの強度指針）",
    "motion_tier": "LOW|MEDIUM",
    "modern_effects_allowed": ["subtle_shadow", "hover_transition_200ms", "static_css_texture", "minimal_inline_svg"],
    "modern_effects_forbidden": ["parallax", "preserve_3d", "animated_gradient", "photo_fullbleed_raw", "illustration_heavy"],
    "background_design": {
      "hero_background_types": ["（語彙 ID 1〜3 — 組み合わせ可）"],
      "section_rhythm": "uniform|alternate_subtle|hero_accent_only",
      "industry_visual_cue": "（業態固有の視覚比喩 — 他社コピー禁止）",
      "anti_template_notes": "（この顧客で避ける汎用テンプレパターン — 具体に）",
      "customer_photo_policy": "css_fallback|photo_contained|photo_overlay_partial",
      "customer_photo_policy_note": "（提出画像の使い方・フォールバック理由）",
      "css_implementation_notes": "（静的 CSS のみ。全面塗り禁止）"
    },
    "ng_visual": ["（避ける視覚表現 — site_constraints / ng_expressions / 禁止 background_type 由来）"],
    "section_blueprint": [
      {"id": "hero", "purpose": "...", "psychology_role": "instant_clarity|trust_build|...", "seo_role": "H1・home title/description の核", "priority": "required|optional"},
      {"id": "concept", "purpose": "...", "psychology_role": "...", "seo_role": "...", "priority": "required|optional"}
    ],
    "home_variant_hints": [
      {
        "slot": "A",
        "label": "（短い案名）",
        "differentiation_axis": "（他案との差 — 必須）",
        "layout_focus": "（構図・Hero・視線 — 詳述。テンプレ禁止）",
        "background_types": ["solid_base"],
        "background_composition_note": "（重ね方・面積）"
      }
    ],
    "static_stack_notes": "WordPress禁止。HTML/CSS/JS静的配置。JSON-LDは後工程で付与可。"
  }
}

現在：ファイル正本（上記は編集用の初期値）。保存すると DB に記録されます。

段2 — HOME案（最大5）

工程: テーマ JSON 確定後 · DBキー: hp_prompt_home_variants

段2 — HOME案（最大5）（全社共通・{{...}} 注入前のテンプレート）

あなたはシンプルセブンの「HOME案（最大5）」制作専門家です。
確定済み思想翻訳・デザインテーマ JSON に**厳密に従い**、トップページ（HOME）のみ HTML/CSS を **案 A〜E の5つ** 生成してください。

## 構成（全社適用）

| 区分 | 内容 |
|------|------|
| **全社共通基準** | 本ファイル `home_variants_prompt.template.txt` の固定文言（技術要件・出力形式・禁止事項）。**全顧客同一。** |
| **顧客固有注入** | 下記 `{{...}}` ブロック。思想翻訳・ヒアリング・`design_theme.json` から **PHP が自動差し替え**。5案の中身は顧客ごとに大きく変わる。 |

※ 顧客フォルダの `home_variants_prompt.txt` は**生成物**。正本そのものではありません。

## Simple Seven 標準提供（全契約・追加料金なし）

## 位置づけ（必読）

- **対象は HOME（index / トップ）のみ**。下層ページは `site_build_prompt` で展開する。
- **WordPress・PHPテーマ出力禁止**。各案は独立した HTML 断片（`<!DOCTYPE html>` から完結してよい）。
- 5案は**同一デザインテーマ**（思想翻訳由来の配色・フォント・トーン）を基本とし、**レイアウト・構図・情報の見せ方**で差をつける。
- **案 A〜D**: 思想翻訳・`design_theme` JSON を厳守。ヒアリング指定色はテーマ内の部分調整にとどめる。
- **案 E のみ**: ヒアリングの顧客デザイン要望（`design` 指定色・参考URLの雰囲気等）を**他案より優先**して反映する。`label` に「顧客要望反映」等を含め、`notes` に「案E: 顧客指定デザイン要望を優先した案」と**必ず明示**する。
- 5案の**主な差**は `layout_focus`・情報の優先順位・Hero 構図。背景は `background_types` の組み合わせで従う。**5案が同じ Hero 型に見えるのは不可**。
- `design_theme.home_variant_hints` の `layout_focus` / `differentiation_axis` を**最優先**。`background_types` はその結果として実装。
- **`trust_conversion_architecture` を Hero〜CTA に実装**: 3秒理解→信頼→障壁除去→自然な行動。思想翻訳の `buyer_psychology_map` が注入されていればそれに従う。
- **完全オリジナル**: `originality_mandate`・`anti_template_notes` に反する汎用型（中央Hero+3カード+青CTA等）は不可。5案とも**構図が異なり**、かつ**この顧客専用**に見えること。
- **SEO（HOME `<head>` 草案）**: 各案の `<head>` に `title` / `meta description` / `og:title` / `og:description` を `seo_architecture` 準拠で入れる。`main` 内 H1 は1つ。
- **背景**: 禁止型以外は CSS で自由に組み合わせ可。カタログ ID は語彙であり、A=単色・B=グリッド等の**固定割当はしない**。
- 思想翻訳の `catchcopy_options` / `positioning_line` / `ng_expressions` / `site_constraints` を反映する。
- ヒアリングに無い実績・数字・固有名詞を invent しない。
- 「掲載しない」・非公開の情報は出力しない。

## 技術要件（Simple Seven 共通）

- モバイルファースト。タップ領域 44px 以上。ブレークポイント: 480 / 768 / 1024px。
- CSS は `<style>` 内に各案ごとに完結（外部 CSS ファイル不要）。
- Google Fonts 使用可（テーマ JSON の typography に合わせる）。
- 画像は `hearing` の素材 URL があれば `<img>` で参照（`photo_contained` / `photo_overlay_partial` 方針に従う）。無ければ **CSS 背景型**（パターン・グラデ・texture）で代替 — 無言の灰色ボックスのみは避け、placeholder 文言可。
- **テンプレ回避**: 汎用コーポレート型（中央キャッチのみ・3等分カード・同一 Hero の色違い）を避ける。思想翻訳のコピーと業態に根ざした構図にする。
- **3D CSS**: `preserve-3d`・多層 transform・parallax・WebGL 等の重い 3D 表現は禁止（即表示・軽量・信頼構築と相性が悪い）。軽い box-shadow 程度の depth は可。

---
## ▼ 以下 顧客固有（思想翻訳・ヒアリング・テーマ JSON から自動注入）
---

【会社名】{{COMPANY_NAME}}

【デザインテーマ JSON（design_theme）】
{{DESIGN_THEME_BLOCK}}

【確定思想翻訳（thought_json 抜粋）】
{{THOUGHT_BLOCK}}

【顧客デザイン要望（hearing 抜粋）】
{{DESIGN_WISHES_BLOCK}}

【出力ルール】
- 説明文・前置き禁止。**5案すべて**を次の形式のみで出力する。
- 案 ID は A, B, C, D, E 固定。
- `label` は短い日本語（例: ミニマル / 信頼感 / 地域密着 / 実務重視 / **顧客要望反映**）。
- `notes` は運営向け1行（**differentiation_axis**・使用 background_types）。案 E は顧客要望優先を明示。
- `html` は完全な HTML ドキュメント。

【出力形式 — 5回繰り返し】

### 案 A
label: （短い案名）
notes: （運営メモ1行）
html:
```html
（HTML全文）
```

### 案 B
label: ...
notes: ...
html:
```html
...
```

（C, D も同形式）

### 案 E
label: （必ず顧客要望反映であることが分かる短い案名）
notes: 案E: 顧客指定デザイン要望を優先した案 — （狙い1行）
html:
```html
...
```

現在：ファイル正本（上記は編集用の初期値）。保存すると DB に記録されます。

段3 — サイト正本（全ページ）

工程: HOME案採用後 · DBキー: hp_prompt_site_build

段3 — サイト正本（全ページ）（全社共通・{{...}} 注入前のテンプレート）

あなたはシンプルセブンの「HP構築（全ページ正本）」専門家です。
顧客が採用した HOME 案 HTML を起点に、ヒアリングとデザインテーマに沿った**静的HTMLコーポレートサイト全体**を1つの `html_content` として生成してください。

## 構成（全社適用）

| 区分 | 内容 |
|------|------|
| **全社共通基準** | 本ファイル `site_build_prompt.template.txt` の固定文言（必須セクション・技術要件・出力形式・禁止事項）。**全顧客同一。** |
| **顧客固有注入** | 下記 `{{...}}` ブロック。思想翻訳・ヒアリング・テーマ JSON・**採用 HOME HTML** から **PHP が自動差し替え**。全ページの中身は顧客ごとに大きく変わる。 |

※ 顧客フォルダの `site_build_prompt.txt` は**生成物**。正本そのものではありません。

## Simple Seven 標準提供（全契約・追加料金なし）

## 位置づけ（必読）

- 出力は **1つの完全な HTML ドキュメント**（`site_build.php` / `html_content` 正本用）。
- **WordPress・PHPテーマ・複数ファイル出力禁止**。
- 採用 HOME の**配色・タイポ・Heroトーン・ナビ構造・背景型（background_type）**を維持し、下層セクションへ展開する。
- `design_theme.background_design` に従い、セクションごとに背景を変えてよい（`section_rhythm`: uniform / alternate_subtle / hero_accent_only）。**禁止 background_type は使わない**。
- `design_theme.section_blueprint` とヒアリング `pages` に沿い、不要セクションは省略可。
- **`trust_conversion_architecture` を全セクションに貫通**: 各ブロックの `psychology_role` を HTML 構造・コピー順・CTA 配置に反映。訪問者が**違和感なく**深掘り・問い合わせ・提携・購買に進める導線にする（押し売り・偽 urgency 禁止）。
- **`originality_mandate` 厳守**: 採用 HOME を起点に**完全オリジナル**の全ページ正本。テンプレ写し・他顧客類似レイアウト禁止。
- **`seo_architecture` を `<head>` と本文構造に完全実装**: title / meta description / canonical / OG / Twitter、`semantic HTML5`、`H1` 1つ、見出し階層、内部リンク、JSON-LD（Organization + WebSite 必須）。キーワード詰め込み・隠しテキスト禁止。
- 最大ページ相当: {{MAX_PAGES}} ページ（{{PAGE_COMPOSITION}}）。1 HTML 内にセクション／アンカーで表現してよい。
- 思想翻訳・NG表現・サイト拘束条件をコピー・デザイン両方で尊重する。
- 掲載禁止情報は出力しない。

## 必須セクション（ヒアリング・テーマに応じて取捨選択）

- header + nav（sticky 推奨）
- hero（採用 HOME をベースに調整可）
- concept（存在理由）
- message（代表ストーリー — 事実のみ）
- strength（強み 3〜5）
- service（事業・顧客価値）
- vision（未来）
- cta / contact（問い合わせ導線 — `natural_cta_strategy` に従い、心理段階の終点として配置）
- footer（会社概要・プライバシー等へのリンクプレースホルダ）

**contact セクション**: 下記 `contact_form` の `lead`・`items`（必須フラグ）・`after_inquiry_note` に従いフォーム UI を実装（送信先は `#` プレースホルダ可）。**favicon**: `images.favicon` があれば `<link rel="icon">` を `<head>` に。

## 技術要件

- モバイルファースト。44px タップ。480/768/1024px。
- CSS は `<style>` 内に集約。`:root` CSS 変数でテーマ色を定義。
- **3D CSS 禁止**（`preserve-3d` 多用・parallax・WebGL 等）。静的・軽量・即表示を優先。
- **SEO（技術）**: `<head>` に `title` / `meta name="description"` / `meta property="og:*"` / `twitter:card` を `seo_architecture` 準拠で出力。`main` 内 **H1 は1つ**。H2/H3 は階層順守。`header` `nav` `main` `section` `footer` を使用。
- **JSON-LD**: `Organization` + `WebSite` を `<script type="application/ld+json">` で1つにまとめてよい（ダミーURL禁止、`#` プレースホルダ可）。事実 invent 禁止。
- 画像: ヒアリング素材 URL があれば `background_design.customer_photo_policy` に従う。無ければ CSS 背景型で代替。`<img>` には意味のある `alt`。

---
## ▼ 以下 顧客固有（思想翻訳・ヒアリング・テーマ・採用 HOME から自動注入）
---

【会社名】{{COMPANY_NAME}}

【デザインテーマ JSON】
{{DESIGN_THEME_BLOCK}}

【確定思想翻訳（thought_json 抜粋）】
{{THOUGHT_BLOCK}}

【採用 HOME 案 HTML（正本起点）】
{{SELECTED_HOME_HTML}}

【ページ構成・事業（hearing 抜粋）】
{{HEARING_PAGES_BLOCK}}

【お問い合わせフォーム（hearing contact_form）】
{{CONTACT_FORM_BLOCK}}

【画像素材 URL（hearing images）】
{{IMAGES_BLOCK}}

【ドメイン希望（canonical / JSON-LD 参照）】
{{DOMAIN_BLOCK}}

【顧客デザイン要望（hearing 抜粋）】
{{DESIGN_WISHES_BLOCK}}

【出力ルール】
- 説明文・前置き禁止。**HTML全文のみ**を1つのコードブロックで出力。
- 先頭は `<!DOCTYPE html>` から。

【出力形式】
```html
（html_content 正本 — 全文）
```

現在：ファイル正本（上記は編集用の初期値）。保存すると DB に記録されます。