LP モック Pattern C — Bold Confident Dark

# 🖼️ Codex CLI MCP — LP モック生成 使い方ガイド

## TOOL
**Codex CLI MCP** (`mcp__codex-cli__codex`)

## モデル / Reasoning Effort
- `model: "gpt-5.5"`
- `reasoningEffort: "high"` (戦略系は `xhigh`)

## 呼び出し例

```javascript
mcp__codex-cli__codex({
  prompt: "<下記プロンプト本文を全文貼る>",
  model: "gpt-5.5",
  reasoningEffort: "high",
  sandbox: "workspace-write",
  fullAuto: true
})
```

## 出力先
Codex の生成画像はセッション ID 配下の作業ディレクトリに保存されます。生成後、配信先へ意味のある名前でコピーしてご利用ください。

## 実投入するプロンプト本文

```text
Pattern C — Bold Confident Dark Mode

Single continuous full-page Japanese corporate landing page mockup with bold confident dark aesthetic.

Brand: idl.jp/ai (IDEAL AI Portal), AI 情報発信ポータル — AI画像生成・動画生成・音声生成・AIエージェント運用・デザイン収集の最前線情報を発信する Web ポータル。運営はIDEAL（IDEAL）。和モダン+champagne gold ブランド。

Layout TOP TO BOTTOM:
1. STICKY HEADER: gold wordmark + white nav + filled gold CTA
2. HERO: full-bleed dark, MASSIVE white sans-serif headline, sub-copy in gray, 2 CTAs (gold + ghost outline), warm spotlight glow from lower-right, gold particle effects
3. SOCIAL PROOF BAND: gray text + 6 grayscale logos
4. STRENGTH SECTION: huge gold accent number on left, heading on right
5. SERVICES: 4 service tiles in 2x2 grid on dark with gold borders
6. METHOD/PROCESS: black band with 3 numbered steps, massive gold numbers
7. CASE STUDIES: 3 large case-study cards with metric callouts
8. METRICS BAR: full-width gold band with 4 huge dark numbers
9. TESTIMONIAL: featured testimonial centered, big gold quote marks
10. PRICING: 3 plan cards on dark, recommended center with gold border + glow
11. FAQ: 4 accordion-style on dark with gold chevrons
12. FINAL CTA: full-bleed gold gradient, massive dark text, dark CTA
13. FOOTER: deep ink, 4-column sitemap in white, gold SNS

Style: Deep ink #0F172A / #1C1B1A page bg, Pure white #FFFFFF and warm off-white primary text, Champagne gold #8B7D5E and brighter gold #C4B896 for ALL accents/CTAs, subtle warm glow effects, gold particle effects, light bleed from edges, Display font bold sans-serif (Helvetica Neue Bold, Inter Bold), confident negative space, dramatic contrast.

Reference aesthetic: SpaceX.com, Tesla.com, Apple Vision Pro page, Linear pricing dark mode.

NEGATIVE: not 3 device frames, not a poster. Real dark-mode Web UI mockup.
Japanese text in UI. No watermarks.
```