LP モック Pattern A — Modern Minimal

# 🖼️ 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 A — Modern Minimal Stripe-Linear Aesthetic

Single continuous full-page Japanese corporate landing page mockup, looks like one full-page screenshot of a long modern website scrolled from header to footer in a single tall continuous frame.

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

CRITICAL: Real Website UI mockup. NOT a magazine spread.

Layout TOP TO BOTTOM:
1. STICKY HEADER: small wordmark left + horizontal nav + filled rounded CTA right
2. HERO: huge bold sans-serif headline, subhead, 2 CTAs, large product-screenshot mockup on right
3. TRUST LOGOS: 6 grayscale company logos in row
4. PROBLEMS: 3-card horizontal grid with line icons
5. SOLUTION: 2-column section with annotated illustration
6. SERVICES: 4 service cards in 2x2 grid
7. FEATURES SHOWCASE: 3 alternating left-right blocks with feature illustrations
8. METRICS BAND: full-width black band with 4 huge numbers in white
9. TESTIMONIALS: 3 large cards horizontally with avatar + 5-star + quote
10. PRICING: 3 plan cards, recommended center elevated
11. FAQ: 4 accordion items
12. FINAL CTA: full-width subtle gradient with headline + filled black CTA
13. FOOTER: dark navy bg, 4-column sitemap

Style: Pure white #FFFFFF page bg, subtle off-white #FAFAFA section variations, Pure black #0F172A primary text and CTAs, single accent vivid indigo #6366F1 used very sparingly, Display font Inter / Plus Jakarta Sans / Noto Sans JP, real button corner radius (8px), real card shadows (very subtle), Apple-grade negative space.

Reference aesthetic: Stripe.com, Linear.app, Notion.so, Apple.com.

NEGATIVE: not 3 device frames, not magazine spread, no fuji 400h grain, no warm cream/beige.
Japanese text in UI. No watermarks.
```