영상 이미지
로그인

Claude Code Japanese Hero Ad

A polished Japanese marketing hero image for Claude Code with a cinematic developer workspace, feature panel, and performance metrics.

작성자 AIエンジニア_BOSS · gpt-image-2 · 67 조회 · 0 좋아요 · 0 북마크
Claude Code Japanese Hero Ad

프롬프트

목표: {argument name="product name" default="Claude Code"}를 위한 프리미엄 세로형 일본어 랜딩 페이지 히어로 비주얼을 제작하여, AI 코딩 지원이 스마트하고 차분하며 전문적임을 보여줍니다.

캔버스: 3:4 세로 비율, 약 768×1152. 은은한 UI 오버레이 요소가 포함된 사실적인 에디토리얼 광고 스타일, 영화 같은 얕은 피사계 심도, 따뜻한 다크 그린 및 브라운 톤, 부드러운 창가 조명, 우아한 대비, 만화 같은 느낌 배제.

메인 장면: 어두운 카페나 스튜디오 사무실의 현대적인 작업 책상. 오른쪽에는 다크 니트 스웨터를 입은 일본인 또는 동아시아인 성인 남성이 턱 근처에 한 손을 대고 생각에 잠긴 포즈로 앉아 있는 모습을 보여줍니다. 얼굴은 평평한 사각형 블러 처리로 가립니다. 왼쪽 전경에는 시청자를 향해 비스듬히 놓인 노트북을 배치하고, Claude Code 스타일의 명령 출력이 표시된 어두운 터미널 화면을 보여줍니다. 책상 위에는 5개의 물건을 정확히 배치합니다: 세라믹 커피 머그잔 1개, 펼쳐진 노트북 1개, 검은색 펜 1개, 쌓여 있는 프로그래밍 서적 2권. 배경은 식물과 창문 반사로 부드럽게 흐릿하게 처리합니다.

히어로 텍스트: 왼쪽 상단에 크고 우아한 흰색 일본어 명조체 헤드라인: 「考える力を、コードに変える。」(생각하는 힘을, 코드로 바꾼다.) 그 아래에 더 작은 서브 헤드라인 추가: 「Claude Codeと、AI時代の開発をスマートに。」(Claude Code와 함께, AI 시대의 개발을 스마트하게.) 그 아래에 Claude Code가 사고를 이해하고 AI 코딩 파트너로서 설계, 구현, 개선을 지원한다는 내용을 설명하는 짧은 일본어 문단을 추가합니다.

노트북 디테일: 터미널에는 프로젝트 생성, 의존성 설치, git 저장소 초기화, 생성된 컴포넌트 등을 암시하는 읽기 쉬운 영어 명령줄을 표시하고, 마지막에 “Component created successfully!”로 끝맺습니다. 현실적이되 너무 튀지 않게 유지합니다.

오른쪽 기능 패널: 오른쪽 하단에 얇은 흰색 테두리가 있는 반투명 글래스모피즘 직사각형 패널을 배치합니다. 제목: 「開発を加速する、Claude Codeの主な機能」(개발을 가속화하는 Claude Code의 주요 기능) 5개의 기능 행을 정확히 포함하며, 각 행의 왼쪽에는 단순한 외곽선 아이콘, 오른쪽에는 일본어 텍스트를 배치합니다: 1) 말풍선 아이콘, 「自然言語でのコーディング支援」(자연어로 코딩 지원) 및 일본어 지시사항으로부터 최적의 코드를 생성한다는 메모; 2) 톱니바퀴 아이콘, 「プロジェクト全体を理解」(프로젝트 전체 이해) 및 코드베이스를 분석하고 문맥을 고려한 변경 사항을 제안한다는 메모; 3) 연필 아이콘, 「リファクタリングもワンクリック」(리팩토링도 원클릭) 및 복잡한 프로세스를 안전하게 개선한다는 메모; 4) 문서 아이콘, 「テスト・ドキュメントも自動生成」(테스트 및 문서 자동 생성) 및 고품질 테스트와 문서를 통해 개발을 지원한다는 메모; 5) 터미널 아이콘, 「CLIでシームレスに統合」(CLI로 원활한 통합) 및 터미널 워크플로우에 자연스럽게 통합된다는 메모. 패널 하단에 추가: 「あなたの開発体験を、よりスマートに、より創造的に。」(당신의 개발 경험을 더욱 스마트하고 창의적으로.)

하단 지표: 왼쪽 하단에 흰색 통계 블록 2개를 정확히 배치합니다: 1) 「開発時間」(개발 시간)과 큰 글씨의 “最大55%削減”(최대 55% 절감) 및 작은 각주; 2) 「バグの早期発見率」(버그 조기 발견율)과 큰 글씨의 “2.3倍向上*”(2.3배 향상*).

푸터 바: 하단 전체에 걸쳐 어두운 반투명 가로 푸터를 추가합니다. 왼쪽 텍스트: 「Claude Code Insight」 및 「ハウツー」(하우투). 오른쪽 텍스트: 「AIコーディングの実践知とノウハウを発信中 ▶」(AI 코딩의 실전 지식과 노하우를 발신 중 ▶).

시각적 제약: 세련된 일본어 타이포그래피, 큰 흰색 헤드라인, 얇은 구분선, 유리 패널, 사실적인 반사를 사용합니다. 모든 가시 텍스트는 깔끔하고 정렬된 상태를 유지합니다. 불필요한 로고, 워터마크, 무작위 UI 요소 또는 추가적인 기능 행은 피합니다.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

원문 프롬프트
Goal: Create a premium vertical Japanese landing-page hero visual for {argument name="product name" default="Claude Code"}, presenting AI coding support as smart, calm, and professional.

Canvas: Portrait 3:4 composition, approximately 768×1152. Photorealistic editorial advertising style with subtle UI overlay elements, cinematic shallow depth of field, warm dark green and brown tones, soft window light, elegant contrast, no cartoon look.

Main scene: A modern work desk in a dim cafe or studio office. On the right, show one Japanese or East Asian adult man in a dark knit sweater, seated in a thoughtful pose with one hand near his chin; his face is covered by a flat square anonymizing blur block. On the left foreground, show an open laptop angled toward the viewer displaying a dark terminal screen with Claude Code-style command output. Include exactly 5 visible desk objects: 1 ceramic coffee mug, 1 open notebook, 1 black pen, and 2 stacked programming books. The background should be softly blurred with plants and window reflections.

Hero text: Large elegant white Japanese serif headline in the upper left: 「考える力を、コードに変える。」 Beneath it, add a smaller subheadline: 「Claude Codeと、AI時代の開発をスマートに。」 Add a short Japanese paragraph below explaining that Claude Code understands thinking and supports design, implementation, and improvement as an AI coding partner.

Laptop detail: The terminal should show small readable English command-line lines suggesting project creation, dependency installation, git repository initialization, and generated components, ending with “Component created successfully!” Keep it realistic but not overly dominant.

Right feature panel: Place a translucent glassmorphism rectangular panel in the lower right with thin white borders. Title: 「開発を加速する、Claude Codeの主な機能」 Include exactly 5 feature rows, each with a simple outlined icon on the left and Japanese text on the right: 1) speech bubble icon, 「自然言語でのコーディング支援」 with a note about generating optimal code from Japanese instructions; 2) gear icon, 「プロジェクト全体を理解」 with a note about analyzing codebases and proposing context-aware changes; 3) pencil icon, 「リファクタリングもワンクリック」 with a note about safely improving complex processes; 4) document icon, 「テスト・ドキュメントも自動生成」 with a note about supporting development through high-quality tests and documentation; 5) terminal icon, 「CLIでシームレスに統合」 with a note about integrating naturally into terminal workflows. At the bottom of the panel add: 「あなたの開発体験を、よりスマートに、より創造的に。」

Lower metrics: In the lower left, show exactly 2 statistic blocks in white: 1) 「開発時間」 with large “最大55%削減” and a tiny footnote; 2) 「バグの早期発見率」 with large “2.3倍向上*”.

Footer bar: Add a dark translucent horizontal footer across the bottom. Left text: 「Claude Code Insight」 followed by 「ハウツー」. Right text: 「AIコーディングの実践知とノウハウを発信中 ▶」.

Visual constraints: Use refined Japanese typography, large white headline, thin dividers, glass panels, and realistic reflections. Keep all visible text clean and aligned. Avoid extra logos, watermarks, random UI clutter, or additional feature rows.

✨ 생성 저장 원본 게시물 Hitboard에서 열기

비슷한 핀