일본어 AI 코딩 랜딩 페이지 히어로 비주얼

A premium vertical Japanese landing-page hero visual for [Claude Code], presenting AI coding support as intelligent, calm, and professional. Composition & Style: Portrait 3:4 aspect ratio. Photorealistic editorial advertising style with subtle UI overlay elements, cinematic shallow depth of field, warm dark green and rich wood tones, soft window daylight, and elegant contrast without cartoonish stylization. Main Scene: A modern developer workspace in a dimly lit boutique studio office. On the right, an East Asian man in a dark knit sweater is seated thoughtfully with one hand near his chin, his face covered by a minimalist square anonymizing blur box. In the left foreground, an open laptop angled toward the camera displays a dark command-line terminal with [Claude Code] execution output showing clean lines of project creation, dependency installation, git initialization, and ending with "Component created successfully!". The desk features exactly five items: one ceramic coffee mug, one open notebook, one black pen, and two stacked programming books. Lush indoor plants and soft window reflections blur gently in the background. Hero Typography (Upper Left): Large, elegant white Japanese serif headline: 「考える力を、コードに変える。」. Directly below, a smaller subheadline: 「[Claude Code]と、AI時代の開発をスマートに。」 followed by a brief Japanese paragraph explaining how [Claude Code] understands developer intent and acts as an intelligent AI coding partner across design, implementation, and refinement. Feature Panel (Lower Right): A sleek translucent glassmorphism card with thin white borders titled 「開発を加速する、[Claude Code]の主な機能」. Inside, five neatly spaced rows with minimalist outlined icons on the left and Japanese text on the right: 1) Speech bubble icon: 「自然言語でのコーディング支援」 with subtext on generating optimal code from natural Japanese instructions 2) Gear icon: 「プロジェクト全体を理解」 with subtext on codebase comprehension and context-aware edits 3) Pencil icon: 「リファクタリングもワンクリック」 with subtext on safe automated refactoring 4) Document icon: 「テスト・ドキュメントも自動生成」 with subtext on automated unit testing and docs 5) Terminal icon: 「CLIでシームレスに統合」 with subtext on native terminal workflow integration Bottom card caption: 「あなたの開発体験を、よりスマートに、より創造的に。」 Metrics (Lower Left): Two floating white stat modules: 1) 「開発時間」 with prominent "最大55%削減" 2) 「バグの早期発見率」 with prominent "2.3倍向上*" Footer Bar: A dark frosted horizontal bar along the bottom edge featuring left text 「[Claude Code] Insight」 and 「ハウツー」, and right-aligned text 「AIコーディングの実践知とノウハウを発信中 ▶」. Execution: Crisp typography, aligned editorial hierarchy, realistic reflections, and zero extraneous watermark logos.