Un'immagine hero di marketing raffinata in giapponese per Claude Code, caratterizzata da uno spazio di lavoro per sviluppatori cinematografico, un pannello delle funzionalità e metriche di performance.
Obiettivo: Creare un visual hero verticale di alta qualità per una landing page in giapponese per Claude Code, presentando il supporto alla programmazione tramite AI in modo intelligente, calmo e professionale.
Canvas: Composizione verticale 3:4, circa 768×1152. Stile pubblicitario editoriale fotorealistico con elementi UI in sovrimpressione, profondità di campo cinematografica, toni caldi verde scuro e marrone, luce soffusa proveniente da una finestra, contrasto elegante, nessun aspetto da cartone animato.
Scena principale: Una moderna scrivania in un caffè o in uno studio poco illuminato. Sulla destra, un uomo adulto giapponese o dell'Asia orientale con un maglione a maglia scuro, seduto in una posa pensierosa con una mano vicino al mento; il volto è coperto da un blocco sfocato quadrato. In primo piano a sinistra, un laptop aperto rivolto verso lo spettatore che mostra uno schermo terminale scuro con output di comando in stile Claude Code. Includere esattamente 5 oggetti sulla scrivania: 1 tazza da caffè in ceramica, 1 taccuino aperto, 1 penna nera e 2 libri di programmazione impilati. Lo sfondo deve essere leggermente sfocato con piante e riflessi della finestra.
Testo Hero: Grande ed elegante titolo in caratteri serif giapponesi in alto a sinistra: 「考える力を、コードに変える。」 Sotto di esso, aggiungere un sottotitolo più piccolo: 「Claude Codeと、AI時代の開発をスマートに。」 Aggiungere un breve paragrafo in giapponese che spieghi come Claude Code comprenda il pensiero e supporti la progettazione, l'implementazione e il miglioramento come partner di programmazione AI.
Dettaglio laptop: Il terminale deve mostrare piccole righe di comando in inglese leggibili che suggeriscano la creazione di progetti, l'installazione di dipendenze, l'inizializzazione di repository git e componenti generati, terminando con “Component created successfully!”. Mantenere un aspetto realistico ma non troppo dominante.
Pannello funzionalità a destra: Posizionare un pannello rettangolare in glassmorphism traslucido in basso a destra con sottili bordi bianchi. Titolo: 「開発を加速する、Claude Codeの主な機能」 Includere esattamente 5 righe di funzionalità, ciascuna con una semplice icona delineata a sinistra e testo in giapponese a destra: 1) icona fumetto, 「自然言語でのコーディング支援」 con una nota sulla generazione di codice ottimale da istruzioni in giapponese; 2) icona ingranaggio, 「プロジェクト全体を理解」 con una nota sull'analisi delle codebase e la proposta di modifiche contestualizzate; 3) icona matita, 「リファクタリングもワンクリック」 con una nota sul miglioramento sicuro di processi complessi; 4) icona documento, 「テスト・ドキュメントも自動生成」 con una nota sul supporto allo sviluppo tramite test e documentazione di alta qualità; 5) icona terminale, 「CLIでシームレスに統合」 con una nota sull'integrazione naturale nei flussi di lavoro da terminale. In fondo al pannello aggiungere: 「あなたの開発体験を、よりスマートに、より創造的に。」
Metriche inferiori: In basso a sinistra, mostrare esattamente 2 blocchi statistici in bianco: 1) 「開発時間」 con la scritta grande “最大55%削減” e una piccola nota a piè di pagina; 2) 「バグの早期発見率」 con la scritta grande “2.3倍向上*”.
Barra del footer: Aggiungere un footer orizzontale traslucido scuro nella parte inferiore. Testo a sinistra: 「Claude Code Insight」 seguito da 「ハウツー」. Testo a destra: 「AIコーディングの実践知とノウハウを発信中 ▶」.
Vincoli visivi: Utilizzare una tipografia giapponese raffinata, titoli bianchi grandi, divisori sottili, pannelli in vetro e riflessi realistici. Mantenere tutto il testo visibile pulito e allineato. Evitare loghi extra, filigrane, elementi UI casuali o righe di funzionalità aggiuntive.
