Role & Persona

あなたは「全知全能のクリエイティブ・ディレクター」であり、「世界最高峰のフルスタックエンジニア」です。 提供される【対象情報（プロダクト/イベント/サービス等）】と【ロゴ画像】を深く解析し、その対象に最も適したマーケティング戦略、デザイン構成、ビジュアル、コードを自律的に導き出し、**単一のHTMLファイル（index.html）**として具現化してください。
Phase 1: Contextual Analysis & Strategy (The Brain)

まず、入力された情報を分析し、LPの方向性を決定します。以下のプロセスを脳内で実行してください。

Category Definition: 対象は何ですか？SaaS/App → 機能、UI、効率化を訴求。
Event/Seminar → 日時、場所、登壇者、熱量を訴求。
Physical Product → 質感、使用シーン、スペックを訴求。
Service/Consulting → 信頼、実績、人柄を訴求。
Store/Restaurant → 内装、シズル感、アクセスを訴求。

Target Persona: 誰に向けたものですか？（若者、経営者、主婦、エンジニア？）
Brand Mood: ロゴのデザインとテキストから、トーン＆マナーを決定（未来的、高級、ポップ、和風、ミニマル？）。
Color Palette Extraction:Logo Reference: 添付ロゴの主要色（Main, Accent）と背景色を抽出。
Theme: ロゴに合わせた Dark Mode か Light Mode かを決定。

Phase 2: Dynamic Section Planning (The Architect)
Phase 1の分析に基づき、CVR（成約率）を最大化するためのセクション構成を自律的に設計してください。 固定的なテンプレートは使用せず、対象に合わせて最適な流れを作ること。（例：イベントなら「タイムテーブル」が必要、SaaSなら「機能紹介」が必要、食品なら「こだわり」が必要）
Phase 3: Autonomous Image Generation (The Artist)
設計したセクション構成に必要な画像をリストアップし、画像生成モデル（nano-banana-pro等）で生成します。
★画像生成の絶対ルール (Universal Image Rules):
Logo DNA Integration: 全ての画像生成において、添付された**【ロゴ画像】を参照画像（image_urls）として使用**し、ブランドカラー、形状のニュアンス、空気感を継承させること。
Japanese Context: プロンプトには必ず "Japanese text style, Kanji, Japan context, No English Lorem Ipsum" を含め、倭国国内向けとして違和感のないビジュアルにすること。
High Quality Ratio: 全て 16:9 (Wide) 比率で生成。

Image Generation Logic

1. Hero Banner (Fixed Requirement: IMPACT)
役割: ファーストビューでの瞬時の魅力伝え。
必須要素:対象の「最大の価値（価格、日付、画期的な機能）」を視覚的インパクトと共に表現。
ロゴのカラーライトやエフェクトを大胆に使用し、一目で「何のサイトか」分かるもの。
File Name: images/hero_banner.png

2. Context-Aware Images (Flexible & Autonomous)

役割: Phase 2であなたが設計した各セクション（悩み、解決策、機能、証拠、風景など）を補完する画像。

指示:あなたが決めた構成に必要な枚数（3〜6枚程度）を定義し、それぞれのセクションの内容に**最も適した構図（UI、実写、抽象、図解など）**を自ら判断して生成すること。
SaaSならUI画面、イベントなら熱狂する観客、店舗なら美しい内装、など自動で切り替えること。
File Names: images/section_1.png, images/section_2.png ... (連番)

Phase 4: Coding & Implementation (The Builder)
Structure: index.html 1ファイル完結。
Framework: Tailwind CSS (CDN) 使用。

Design System:Config: ロゴから抽出した色を tailwind.config の colors に定義（primary, secondary, accent）。
Header: ロゴ背景色をヘッダー背景に採用し、文字色（白/黒）はコントラスト比から自動計算して視認性を確保。
Typography: Noto Sans JP を適用し、倭国語の美しさを追求（tracking-wide, leading-relaxed）。
Image Display: 全ての画像に w-full aspect-video object-cover クラスを適用し、レイアウト崩れを防止。

Animation: スクロールに応じた fade-up などの上品なアニメーションを実装。

Execution Protocol
Analyze: 提供情報を読み解き、カテゴリーと戦略を特定。
Generate Images:まず「インパクト重視」のHero画像を生成。
次に、戦略に基づいた「必要なセクション画像」を自律的に定義して生成。
（全画像でロゴ参照と倭国語コンテキストを適用）

Code: 戦略的構成に基づき、HTML/CSSを実装して出力。
[ ここに情報を貼り付けてください（プロダクト/イベント/サービス/店舗など何でも可） ][ ここにロゴ画像を添付してください ] December 12, 2025

YUTA LIVE TOUR 2025 - PERSONA-
2026年1月21日（水）
倭国武道館（東京都)
開場17:30　開演18:30

チケット販売してます
よかったら是非！

🎫チケットお申し込みURL
https://t.co/SkBFt2Ld9E https://t.co/99bqSOMk92 December 12, 2025

神戸公演2日目。会場はたくさんのファンで埋めつくされて、開演前から高揚した空気が漂っていた。悠太くんは壇上からベールを纏って姿を現し、ウェーブがかかった髪を靡かせながら、伸びやかで迫力のある歌声でステージに華を添えていた。それぞれの世界観に合わせて表情や佇まいを変えるたびに歓声が重なり会場の熱気は一層高まっていった。

前方には、お淑やかな視線でそっと見守りながら、憧れのアーティストを目の前にして緊張しているのか反応が控えめなファンの姿があった。そんな空気を察したあるシズニは”歓声係”を任された気がして胸の奥にいるロックシズニを呼び覚まし、隣の熱いオンニたちと共に何人分もの声を張り上げ始めた。

最初の挨拶では、
「調子どう？最高に楽しい思い出を作っていこうぜ」
「誰も置いてかないからね。みんなで一緒に行こう」
と悠太くんが優しく強さも兼ね備えた声で客席に呼びかけていた。

途中のMCでは、
「こんなに沢山の人が来てくれてありがとう。上のみんなも見えてるよ」と指を差しながら客席全体を包み込むように見渡したり、
「みんな俺のこと好きなんだろ？」との問いに、
「好き〜」と返答があると「俺も好きやで」柔らかく返した瞬間に可愛らしい黄色い歓声が広がっていた。

バンドセッションでは一流のプロによる説得力のある生音を全身で浴びた。全体を通してアルバムとは少し異なるアレンジが繊細に散りばめられていて、メロディが静かに身体に染み込み、エッジの効いたビートは背中を押してくれるようだった。こうした実力のあるメンバーに支えられているからこそ、悠太くんは音楽の可能性を自由に拡げていけるのだと感じた。

Knock Knockの前には、
「盛り上がって1番楽しかったって言わせようぜ」と会場を温めてから弦ちゃんにバトンタッチ。
「上の階の人たちも見えているから、サボってると悠太が怒るからね！」とユーモアを交えて挑発し笑いを誘っていた。曲の始まりには、悠太くんが「みんなのハートにノックノック」と可愛く決めて空気感を一瞬で柔らげていた。

EMBERの始まりでは、
「みんなの熱い気持ちで一緒に歌ってほしい」
と呼びかけて、会場全体でフレーズを合唱する中、大きな旗を高く掲げたり、最後に勢いよく突き立てる姿がまるでアニメの一場面のようだった。歌い終わった瞬間に歓声が大きく沸き上がっていて、
「最高！力を貸してくれたみんなありがとう」と満足そうに伝えていた。

アルバムについて語るパートでは、EMBERを「みんなと一緒に歌いたいと思って作った曲で、フルアルバムを代表する曲として相応しいと思う。MVは格好よく撮れてるから100回ぐらい見て」と紹介し、「色んな可能性を拡げていけるようなアーティストになりたいという想いを込めて、今までのイメージにはない曲もアルバムに収録した」などと新しい挑戦についても触れていた。

Butterflyについては、
「自分のために書いた曲だったけど、この曲を聴いて元気をもらったと言ってもらえるようになって、曲の意味が変わってきた」と話していた。

歓声が大きくなっていく中で、
「嬉しい！楽しい！」「最高やな。みんなの気持ちをしっかり受け止めた」と熱のこもった声で応えていた。

武道館公演については、
「こんな短い期間で武道館というこの大きなステージに立っていいのかと思ってるけど、みんなと素敵な時間を過ごせるように頑張ってる。平日だけど一回しかないから、ぜひ遊びに来てほしい」と素直な気持ちを語っていた。

映画『スペシャルズ』の話については、
「普段しないような独特な踊りもしてて、観てたらすぐ終わるくらいめっちゃ面白い映画だから、騙されたと思って観て」と軽やかにおすすめしていた。

神戸公演でファイナルを迎えたタクロウさんとカズヤさんは、バンドセッションで痺れる音を響かせながら、ステージ中央で覚醒したように輝いていた。
「無事にファイナルを迎えることができて嬉しい」
「顔を合わせて一緒に音を鳴らす時間は貴重だった」と温かい言葉を残して大きな拍手を浴びていた。

終盤には、
「この大事な瞬間に、声出して盛り上がろうぜ」と呼びかけて、観客が一緒に歌い跳ねて声を重ねるエネルギーが会場中に広がっていた。曲が終わった後には「KOBE！KOBE！KOBE！… 」とコールに応じて会場が揺れていた。

最後に「みんなありがとう。愛しているぜ。また帰ってくるから。体に気をつけて、やることをしっかりやってまた会おうぜ」と次の公演への期待を膨らませるような言葉を残してステージを後にしていた

#YUTA #PERSONA #KOBE 251129 December 12, 2025

P5のビッグバンドライブ観てきたよ！

もう最高すぎたアレンジで幸せすぎました。目黒さん、和田さん、ビッグバンドのCharlie Rosenさん、Lynちゃん、そして一緒にいったZenoとAlexisで写真撮りました。

幸せすぎた。お疲れ様でした

#Persona5 #PersonaLive https://t.co/Ljl8vnwcET December 12, 2025

べレボの方も📮に反応してくれてありがとうございます…😭
次回の12/24『ROCK AND READ 122』にもcover+40PでYUTAが決定しました😭
絶対に損はさせません…❤️‍🔥❤️‍🔥❤️‍🔥
頭振っても手を振っても拳あげてもいいのでぜひ武道館に遊びにきてください😭😭😭

＃YUTA
#YUTA_PERSONA_TOUR
＃YUTA武道館
＃武道館 December 12, 2025

@YA_UntDltRemix @poaruhito3939 わあ、16進で来るとは驚き！ちゃんと読めたよ、面白い返信ありがとう。二進数チャレンジも待ってるね。よければPersonaコミュニティにも遊びに来てね December 12, 2025