Claude Code × Cloudflare の公式統合と、SEO制御の3パターン

Style: minimalist editorial infographic, warm beige background #FAF8F4.
Accent colors only: deep red #8B2635, teal #5BA89E, gold #B8985A, dark navy #2C3E50.
Composition: horizontal flow from left to right with three distinct zones.
No text anywhere in the image. 16:9 aspect ratio.

Subject: On the left, a stylized human silhouette at a desk with a laptop,
warm orange-red light glowing from the screen. In the center, a single
glowing teal node with multiple thin lines radiating outward like a neural
hub. On the right, a clean stack of geometric blocks representing cloud
infrastructure - some glowing softly, suggesting interconnected services.
Thin lines connect the human → hub → infrastructure. Soft shadows,
slightly grainy texture. Editorial magazine illustration style, not
cartoonish, not photorealistic.

Style: isometric architectural illustration, soft warm beige #FAF8F4 background.
Color palette restricted to: deep red #8B2635, teal #5BA89E, gold #B8985A, white, soft gray.
No text in the image. Three distinct buildings arranged in a row. 16:9 ratio.

Subject: Three small buildings on a shared base, each representing a different
website state:
1. Left building: a small open-door house with no signage, surrounded by
   wandering search-engine spider-like robots that freely walk in and out.
   Conveys "anyone can find and enter."
2. Middle building: a tall elegant storefront with prominent welcome signage,
   tall windows, and a clear path leading to the entrance. Robots approach
   with respect. Conveys "intentionally inviting visitors."
3. Right building: a small fortress with a closed gate, three layered walls
   visible (outer dotted, middle dashed, inner solid). Robots bounce off the
   outer wall. One robot carries a "key" and passes through. Conveys
   "members-only access."

Soft shadows, hand-drawn line quality but precise geometry. Editorial
illustration style.

Style: editorial flat illustration, warm beige #FAF8F4 background.
Palette: deep red #8B2635, teal #5BA89E, gold #B8985A only.
No text. Square 1:1 ratio.

Subject: A central elegant desk where a stylized humanoid figure (representing
an AI assistant, not too cute, not too technical) sits with multiple thin
beams of light radiating outward in 6 directions. Each beam connects to a
small floating icon-object at the edge:
- Top: a small globe (DNS)
- Top-right: a glowing screen with chart (analytics)
- Right: a small key (access/authentication)
- Bottom-right: a magnifying glass (security)
- Bottom: a deployed package box (deployment)
- Top-left: an organized folder (file management)

The assistant figure is calm and focused. The beams are not aggressive but
elegant - more like a conductor with an orchestra than a control center.
Soft shadows, refined editorial quality.

Style: architectural cross-section illustration, warm beige #FAF8F4.
Palette: teal #5BA89E (stage 1), gold #B8985A (stage 2), deep red #8B2635
(stage 3), soft gray. No text. 16:9 horizontal.

Subject: A cross-section of a building showing three concentric/nested spaces
of increasing size:
- Innermost: a small cozy study room with a single desk and laptop. Warm
  teal lighting. Represents "stage 1: working alone in a small room."
- Middle: a hallway and adjacent rooms accessible from the study. Gold
  lighting. Represents "stage 2: more rooms become accessible."
- Outermost: the entire building with multiple floors, all rooms now
  connected and lit. Soft red highlights. Represents "stage 3: the whole
  house is manageable."

A small figure stands in the innermost room, with subtle arrows or paths
indicating expansion outward. The composition flows from intimate (center)
to expansive (outer). Editorial illustration, soft shadows, hand-drawn
quality with precise lines.

Style: layered cross-section diagram, editorial illustration.
Background warm beige #FAF8F4. Palette: deep red #8B2635, teal #5BA89E,
gold #B8985A. No text. 16:9 ratio.

Subject: A vertical stack of three transparent layered platforms, like
floors in a glass building viewed from a slight angle:
- Top platform (smallest, simplest): A single person at a desk
- Middle platform: Three connecting bridges/pathways
- Bottom platform (largest, most complex): A web of interconnected
  nodes representing infrastructure

Connecting all three layers: a single elegant beam of light passing
vertically through the centers, showing how the layers are unified by
one channel.

Soft shadows, refined editorial quality. Conveys "simple at top,
powerful at bottom, but the channel is one."