IDEAL LP — Pattern E: Apple/Notion Tech

# 🖼️ 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 E — Refined Apple-Notion Tech Boutique

Single continuous full-page Japanese corporate landing page mockup with Apple polish + Notion warmth.

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

Layout TOP TO BOTTOM:
1. STICKY HEADER: small clean sans-serif wordmark + minimal nav + filled blue rounded CTA
2. HERO: huge centered headline in big clean sans-serif, sub-copy, single primary CTA, large soft 3D-ish illustration (Apple/Notion-style abstract product illustration)
3. ANNOUNCEMENT BAND: thin centered text with small badge
4. PROBLEM/TRANSFORMATION: 2-column split, Before grayscale + After full-color
5. FEATURES SHOWCASE: 4 large feature blocks alternating with Apple-style soft 3D rendered product illustrations
6. SERVICE GRID: 4 service tiles in 2x2 grid
7. METRICS: full-width soft pastel band with 4 numbers
8. SOCIAL PROOF: 3 testimonial cards horizontally with soft shadows
9. INTEGRATION SHOWCASE: small partner logos row
10. PRICING: 3 clean plan cards, recommended center with subtle gradient border + "Most popular" badge
11. FAQ: 5 accordion items with smooth chevrons
12. FINAL CTA: full-width gradient (cream to soft pastel-blue) section
13. FOOTER: very light gray bg, 4-column sitemap with subtle dividers

Style: Pure white #FFFFFF page bg, very subtle off-white #FAFAFA section dividers, Soft pastel accent palette gentle blue #6B9FD9, warm cream #F5EFE6, soft mint #A8C9A8, Deep slate #1A1F2E primary text, Real Apple-style product illustrations soft 3D rendered shapes subtle gradients friendly geometric forms, Display font clean modern sans-serif (Inter, SF Pro, Plus Jakarta Sans, Noto Sans JP), Real button corner radius (10-12px) very soft shadows smooth gradients, polished friendly modern tech-savvy yet warm.

Reference aesthetic: Apple.com product pages, Notion.so homepage, Linear pricing, Stripe.com.

NEGATIVE: not magazine spread, not editorial photography, not 3 device frames, no fuji 400h grain (this is the COOL pastel tech variant).
Japanese text in UI. No watermarks.
```