ブランドウェブサイト用の3D彫刻ロゴヒーローセクション

[ブランド名] | [ヘッドライン = ユーザーテキストまたはAUTO] | [サブヘッドライン = ユーザーテキストまたはAUTO] | [ボタンテキスト = ユーザーテキストまたはAUTO] | [カラー = 指定色またはAUTO] シニアWebアートディレクター兼CGIアーティストとして、プレミアムブランドサイトのヒーローセクションをフォトリアリスティックに制作する。これは、ヒーローWebページのフォールド上部全体を示す単一のワイドフォーマット画像である。構成は、ドラマチックな3D彫刻ロゴオブジェクトと、エディトリアルなタイポグラフィ、ミニマルなUI要素を組み合わせる。参考：StöktエージェンシーWebサイト、Apple製品発表ページ、ハイエンドクリエイティブエージェンシーのヒーローセクション、Awwwards受賞Webサイトデザイン。 --- フェーズ0：ブランドインテリジェンス - 自律的抽出 [ブランド名]の完全なブランド解読を、生成前にトレーニングデータから実行する。画像内のすべての視覚的決定は、このフェーズから導出される。 カラーシステム - プライマリカラー決定：[カラー]がユーザーによって提供された場合、その正確な色を画像全体のカラーシステムの主要ドライバーとして使用する。ブランドカラーで上書きしない。[カラー]がAUTOの場合、[ブランド名]の公式ガイドラインから正確なプライマリブランドカラーを特定する。ブランドに関連する最も象徴的で、最も文書化された単一の色。どちらの場合も、この1色が画像全体のカラーシステム（背景グラデーション、3Dオブジェクトマテリアル、雰囲気照明）を駆動する。 背景グラデーション導出：決定されたプライマリカラーから、正確に2つのグラデーションストップを導出する。内側ストップ：プライマリカラーの最も彩度の高い鮮やかなバージョンで、フル強度。これはオブジェクトの背後にある雰囲気グローである。外側ストップ：同じ色相の最も暗い可能なバージョン。ほぼ黒だが、色の色相の目に見える痕跡が残る（#0Aから#12の明度範囲）。両方のストップは、プライマリカラーからのみ導出される。ニュートラルブラックなし。グレーなし。暗さには色が含まれる。これはニュートラルではなく、非常に暗い色付きの黒である。例：赤プライマリ→内側#CC0000、外側#1A0000。緑プライマリ→内側#1DB954、外側#001A0A。青プライマリ→内側#0057FF、外側#00060F。オレンジプライマリ→内側#FF6600、外側#1A0500。 3Dオブジェクトマテリアル導出：プライマリカラーからメタルマテリアルを導出する。ベース/シャドウカラー：色相の最も暗いほぼ黒のバージョン（グラデーション外側ストップと同じ）。ハイライトカラー：色の最も鮮やかな彩度の高いバージョン（グラデーション内側ストップと同じ）。これは、光源に面するエッジと高いポイントに現れる。ミッドトーン：光に対して45度のサーフェス上の色の中間値。メタルオブジェクト全体は1つのカラーファミリーである。シャドウでは暗く、ハイライトでは鮮やかで明るく、すべて同じ色相から導出される。ニュートラルグレーメタルなし。シルバーなし。メタルには、ブランドまたはユーザーの色がDNAに含まれている。 タイポグラフィ：[ブランド名]の公式タイプフェイスの特性（ブランドコミュニケーションで使用される視覚的なウェイト、幅、スタイル）を特定する。すべてのテキスト要素に一貫して適用する。 ブランドシンボル：[ブランド名]のロゴの最も象徴的な縮小形（ブランドとして最も認識されるシンボル、モノグラム、またはレターフォーム）を特定する。これが3D彫刻オブジェクトになる。[ブランド名]に独立したシンボルがない場合、ワードマークの最初の文字を3Dフォームとして使用する。 ブランド言語：[ヘッドライン]がAUTOの場合、[ブランド名]に関連する最も強力な実際のブランドステートメントまたはキャンペーンヘッドラインを抽出する。[サブヘッドライン]がAUTOの場合、[ブランド名]が何をするか、または何を表すかを説明する実際のブランド記述文を抽出する。[ボタンテキスト]がAUTOの場合、[ブランド名]がマーケティングで使用するプライマリCTAフレーズを特定する。いずれかの変数にユーザー提供のテキストがある場合、その正確なテキストを使用し、上書きしない。 設立情報：下部コーナーの帰属表示用に、[ブランド名]の設立年を抽出する。 --- フェーズ1：背景 画像全体を埋めるフルブリード背景。3Dオブジェクトが配置される中央右ゾーンから放射状に広がるラジアルグラデーション。フラットな色ではなく、リニアグラデーションでもなく、円形の雰囲気グロー。内側ゾーン：フェーズ0で導出された彩度の高い鮮やかな色。深く、豊かで、雰囲気があり、背景全体の約40〜50%を占める。外側ゾーン：フェーズ0で導出された非常に暗い色付きの黒。すべてのエッジで構成を包み込む。遷移はソフトで有機的。徐々に雰囲気がフェードするもので、ハードエッジではない。グラデーションは、3Dオブジェクトの背後と右側に暖かいスポットライトがある感覚を生み出す。あたかもオブジェクト自体がこの雰囲気光の源であるかのように。 --- フェーズ2：3Dロゴ彫刻 - ヒーロー要素 フェーズ0のブランドシンボルを、巨大な3次元彫刻オブジェクトとしてレンダリングする。画像全体の幅の右側55〜65%を占める。記念碑的で、右端と下端のフレームエッジによって部分的にクロップされる。クロッピングは意図的である。オブジェクトの大部分が見えるが、すべてではない。フレームを超えて延びていることを示唆する。垂直軸に約20〜35度、水平軸に10〜20度回転させる。複数の面を同時に明らかにするダイナミックなスリークォータービュー。カメラアングル：中心から5〜10度下。威圧的なローアングルの存在感を追加する。 マテリアルシステム - プライマリカラーから導出：オブジェクトはプレミアムダークブラッシュドメタル。すべてのマテリアルカラーは、フェーズ0で決定されたプライマリカラーからのみ導出される。ベース/シャドウカラー：光から離れた面には、非常に暗いほぼ黒の色付きメタル。ブラッシュドテクスチャ：各面のジオメトリに従う、各面の細かい平行な方向性のあるマイクロスクラッチ。工業用ブラッシュドメタルの品質。ハイライトゾーン：プライマリ光源に向かって角度が付いた面は、暖かく明るいハイライトとして鮮やかな彩度の高い色を捉える。ミッドトーンカラーから、絶対的なスペキュラーピークではほぼ白まで。エッジハイライト：オブジェクトのすべての鋭いエッジは、ロゴジオメトリ全体をトレースする細く連続した明るいスペキュラーラインを捉える。このエッジグローは、背景に対してフォームを定義する。ほぼ黒の影付きの面と、明るい鮮やかな色のハイライト付きエッジのコントラストが、決定的な視覚的特徴である。スケール感：記念碑的。物理空間で3〜5メートルの高さであるかのように。 --- フェーズ3：ナビゲーションバー 最上部のミニマルなナビバー。高さは画像全体の高さの約4〜5%。背景：非常に暗い半透明。フェーズ0の色付きダークカラーで、不透明度85〜90%。左：[ブランド名]のワードマークまたはロゴマークを正しい公式形式で、小さな白いタイプで配置。中央：4〜6つのナビゲーションカテゴリを小さなオールキャップスのトラッキングされた白いタイプで配置。[ブランド名]のビジネスに基づいて関連カテゴリを自律的に決定する。右：言語切り替えピルとプライマリCTAボタン。ダーク背景、ライトボーダー、小さなキャップスの「[ボタンテキスト]」と右矢印→。すべてのナビバー要素は小さく、正確で、ミニマル。ヒーロー要素と競合しない。 --- フェーズ4：テキストブロック - 左側 画像の左側35〜40%に配置され、垂直方向に中央揃え、適切なマージンで左揃え。左側は背景グラデーションの暗いゾーンにあり、白いテキストは追加の処理なしで完全に読みやすい。 ラベル行：ヘッドラインの上に小さな括弧付きラベル。「{ WE ARE [ブランド名] } →」またはブランドに適した同等のもの。非常に小さなタイプ、白、トラッキング済み、細いウェイト。 ヘッドライン：[ヘッドライン]。ブランドの慣例に従って、[ブランド名]のタイポグラフィックキャラクター、ボールド、アッパーケースまたはセンテンスケースで設定。大きい。1行あたり画像全体の高さの約8〜10%。白。最大2〜3行。左揃え。 ボディコピー：[サブヘッドライン]。1〜2文、小さな通常のウェイト、白で不透明度70〜80%。ヘッドラインの下に適切な間隔を空けて配置。1行あたり最大35〜40文字。 CTAボタン：2つのボタンを並べて配置。プライマリ：ダークフィル、白いボーダー、白いテキスト「[ボタンテキスト]」と右矢印→。セカンダリ：アウトラインのみ、白いボーダー、白いテキストで、[ブランド名]のコンテキストから自律的に決定されたセカンダリアクション。両方のボタンは小さくミニマル。わずかに角丸の長方形、小さなキャップスタイプ。 --- フェーズ5：下部要素 左下：「Scroll for more ↓」を非常に小さな白いタイプで。画像の高さの2〜3%、控えめに。 右下：「Est. in [設立年]」を非常に小さな白いタイプで。フェーズ0の設立年、同じスケール。 --- フェーズ6：照明 単一のプライマリ光源：3Dオブジェクトの背後、右上に配置された暖かくドラマチックな光。光の色：フェーズ0の鮮やかな彩度の高いプライマリカラー。これは、グラデーション内側ストップと一致する、雰囲気光として表現された色である。この光は、背景のラジアルグローとメタルオブジェクトの暖かいハイライトの両方を作り出す。それらは同じ光、同じ色、同じ光源である。セカンダリアンビエント：真上からの非常に微妙なクールなアンビエント。強度5%、絶対的な最も暗いシャドウゾーンをわずかに持ち上げる。フィルライトなし。リムライトなし。照らされた面と照らされていない面の間のドラマチックなコントラストは意図的であり、維持されなければならない。 --- フェーズ7：構成 アスペクト比：16:9ランドスケープ。Webサイトのヒーローセクションのプロポーション。左側35〜40%：テキストゾーン（暗い背景、UI要素）。右側60〜65%：3D彫刻ゾーン（オブジェクトが支配的）。テキストブロックとオブジェクトは重ならない。明確な空間的分離。読み方向：テキスト左→彫刻右。 --- フェーズ8：技術仕様 レンダー：Octane RenderまたはRedshift。物理的に正確なブラッシュドメタルと、正しい異方性ハイライト動作。すべてのマテリアルカラーは、フェーズ0で決定されたプライマリカラーから導出される。ニュートラルグレーなし、画像内のどこにもオフカラー要素なし。[カラー]がユーザー提供の場合、その色はすべてのマテリアルおよび照明計算においてブランドカラーを上書きする。レイトレーシング：オン。正確なエッジハイライトとメタル相互反射のため。背景グラデーション：物理的に正確なラジアル雰囲気光。合成されたグラデーションオーバーレイではなく、実際のボリューメトリックライトの寄与。タイポグラフィ：シャープ、アンチエイリアス処理済み、フラットホワイト。ゼロシャドウ、ゼロブラー、ゼロエフェクト。UI要素：クリーンなフラットデザイン、ドロップシャドウなし、UI要素にグラデーションなし。カラーパレット：フェーズ0で導出されたカラーシステムと、テキスト用の白のみ。他の場所に追加の色は導入されない。サンプリング：最小2048サンプル。アンチエイリアシング：最大。出力フィール：[ブランド名]の再ローンチされたプレミアムWebサイトの実際のフォールド上部スクリーンショット。Awwwardsフロントページ品質。