Diskussion

3D-skulpturales Logo-Hero-Section für eine Markenwebsite

Von Wikiprompt, der freien Prompt-Enzyklopädie

AmirMušić
Beigetragen vonAmirMušićXQuelle

13. Mai 2026

3D-skulpturales Logo-Hero-Section für eine Markenwebsite Vorlage für eine fotorealistische Premium-Website-Hero-Section mit einem monumentalen 3D-skulpturalen Markenlogo und editorialer Typografie, erstellt für GPT Image.

Zugehörige Medien

Prompt-InhaltSpeichern

🌐
[BRAND NAME] | [HEADLINE = user text or AUTO] | [SUBHEADLINE = user text or AUTO] | [BUTTON TEXT = user text or AUTO] | [COLOR = your color or AUTO] Handeln Sie als Senior Web Art Director und CGI-Künstler, der einen fotorealistischen Hero-Bereich einer Premium-Markenwebsite erstellt - ein einzelnes breites Bild, das die gesamte Ansicht über dem Falz einer Hero-Webseite zeigt. Die Komposition verbindet ein dramatisches 3D-skulpturales Logo-Objekt mit editorialer Typografie und minimalen UI-Elementen. Referenzen: Stökt-Agenturwebsite, Apple-Produktlaunch-Seiten, Hero-Bereiche hochwertiger Kreativagenturen, Awwwards-prämierte Webdesigns. --- PHASE 0: MARKENINTELLIGENZ - AUTONOME EXTRAKTION Führen Sie vor der Generierung eine vollständige Marken-Dekodierung von [BRAND NAME] aus den Trainingsdaten durch. Jede visuelle Entscheidung im Bild leitet sich aus dieser Phase ab. FARBSYSTEM - PRIMÄRFARBBESTIMMUNG: Wenn [COLOR] vom Benutzer bereitgestellt wird - verwenden Sie genau diese Farbe als Haupttreiber für das gesamte Bildfarbensystem. Überschreiben Sie sie nicht mit Markenfarben. Wenn [COLOR] AUTO ist - identifizieren Sie die exakte primäre Markenfarbe von [BRAND NAME] aus den offiziellen Richtlinien - die einzelne ikonischste, am besten dokumentierte Farbe, die mit der Marke verbunden ist. In beiden Fällen: Diese eine Farbe treibt das gesamte Farbensystem des Bildes an - Hintergrundverlauf, 3D-Objektmaterial, atmosphärische Beleuchtung, alles leitet sich aus dieser einen Farbe ab. HINTERGRUNDVERLAUF-ABLEITUNG: Leiten Sie aus der bestimmten Primärfarbe genau zwei Verlaufsstopps ab. Innerer Stopp: die gesättigtste lebendige Version der Primärfarbe bei voller Intensität - dies ist das atmosphärische Leuchten hinter dem Objekt. Äußerer Stopp: die dunkelste mögliche Version desselben Farbtons - fast schwarz, aber mit einer sichtbaren Spur des Farbtons (#0A bis #12 Helligkeitsbereich). Beide Stopps werden ausschließlich aus der Primärfarbe abgeleitet. Kein neutrales Schwarz. Kein Grau. Die Dunkelheit hat Farbe in sich - es ist ein sehr dunkles getöntes Schwarz, kein neutrales. Beispiele: Rot-Primär → inner #CC0000, outer #1A0000. Grün-Primär → inner #1DB954, outer #001A0A. Blau-Primär → inner #0057FF, outer #00060F. Orange-Primär → inner #FF6600, outer #1A0500. 3D-OBJEKTMATERIAL-ABLEITUNG: Leiten Sie aus der Primärfarbe das Metallmaterial ab - Basis-/Schattenfarbe: die dunkelste fast schwarze Version des Farbtons (gleich wie äußerer Verlaufsstopp). Glanzfarbe: die lebendigste gesättigte Version der Farbe (gleich wie innerer Verlaufsstopp), die an Kanten und hohen Punkten erscheint, die der Lichtquelle zugewandt sind. Mittelton: ein mittlerer Wert der Farbe auf Oberflächen in 45° zum Licht. Das gesamte Metallobjekt ist eine Farbfamilie - dunkel im Schatten, lebendig und hell im Glanz, alles aus demselben Farbton abgeleitet. Kein neutrales graues Metall. Kein Silber. Das Metall hat die Marken- oder Benutzerfarbe in seiner DNA. TYPOGRAFIE: Identifizieren Sie den offiziellen Schriftcharakter von [BRAND NAME] - das visuelle Gewicht, die Breite und den Stil, die in der Markenkommunikation verwendet werden. Wenden Sie ihn konsistent auf alle Textelemente an. MARKENSYMBOL: Identifizieren Sie die einzelne ikonischste reduzierte Form des Logos von [BRAND NAME] - das Symbol, Monogramm oder den Buchstaben, der am erkennbarsten für die Marke ist. Dies wird das 3D-skulpturale Objekt. Wenn [BRAND NAME] kein eigenständiges Symbol hat - verwenden Sie den ersten Buchstaben des Wortzeichens als 3D-Form. MARKENSPRACHE: Wenn [HEADLINE] AUTO ist - extrahieren Sie die stärkste reale Markenaussage oder Kampagnenüberschrift, die mit [BRAND NAME] verbunden ist. Wenn [SUBHEADLINE] AUTO ist - extrahieren Sie einen realen Markenbeschreibungssatz, der beschreibt, was [BRAND NAME] tut oder wofür es steht. Wenn [BUTTON TEXT] AUTO ist - identifizieren Sie die primäre CTA-Phrase, die [BRAND NAME] im Marketing verwendet. Wenn eine Variable benutzerdefinierten Text hat - verwenden Sie genau diesen Text, überschreiben Sie ihn nicht. GRÜNDUNGSINFORMATIONEN: Extrahieren Sie das Gründungsjahr von [BRAND NAME] für die Zuordnung in der unteren Ecke. --- PHASE 1: HINTERGRUND Vollflächiger Hintergrund, der das gesamte Bild ausfüllt. Ein radialer Verlauf, der aus dem mittig-rechten Bereich austritt, wo das 3D-Objekt sitzt - keine flache Farbe, kein linearer Verlauf, ein kreisförmiges atmosphärisches Leuchten. Innere Zone: die gesättigte lebendige Farbe aus PHASE 0 - tief, reich, atmosphärisch, etwa 40 bis 50 % der gesamten Hintergrundfläche einnehmend. Äußere Zone: das sehr dunkle getönte Schwarz aus PHASE 0 - umhüllt die Komposition an allen Rändern. Der Übergang ist weich und organisch - ein allmähliches atmosphärisches Verblassen, keine harte Kante. Der Verlauf erzeugt das Gefühl eines warmen Scheinwerfers hinter und rechts vom 3D-Objekt - als ob das Objekt selbst die Quelle dieses atmosphärischen Lichts wäre. --- PHASE 2: 3D-LOGO-SKULPTUR - HERO-ELEMENT Das Markensymbol aus PHASE 0, gerendert als massives dreidimensionales skulpturales Objekt. Nimmt die rechten 55 bis 65 % der gesamten Bildbreite ein - monumental, teilweise durch die rechten und unteren Bildränder beschnitten. Der Schnitt ist beabsichtigt - wir sehen den größten Teil, aber nicht alles des Objekts, was impliziert, dass es über den Rahmen hinausgeht. Rotiert etwa 20 bis 35° auf der vertikalen Achse und 10 bis 20° auf der horizontalen Achse - eine dynamische Dreiviertelansicht, die mehrere Flächen gleichzeitig zeigt. Kamerawinkel: 5 bis 10° unterhalb der Mitte - verleiht eine imposante Untersicht-Präsenz. MATERIALSYSTEM - AUS DER PRIMÄRFARBE ABGELEITET: Das Objekt ist Premium-dunkles gebürstetes Metall. Alle Materialfarben werden ausschließlich aus der in PHASE 0 bestimmten Primärfarbe abgeleitet. Basis-/Schattenfarbe: sehr dunkles fast schwarzes farbgetöntes Metall auf Flächen, die vom Licht abgewandt sind. Gebürstete Textur: feine parallele gerichtete Mikrokratzer auf jeder Fläche, die der Flächengeometrie folgen - industrielle gebürstete Metallqualität. Glanzzonen: Flächen, die zur primären Lichtquelle ausgerichtet sind, fangen die lebendige gesättigte Farbe als warme helle Glanzlichter ein - von mittlerem Farbton bis fast weiß an absoluten spekularen Spitzen. Kantenglanz: Jede scharfe Kante des Objekts fängt eine dünne durchgehende helle spekulare Linie ein, die die gesamte Logo-Geometrie nachzeichnet - dieses Kantenleuchten definiert die Form gegen den Hintergrund. Der Kontrast zwischen fast schwarzen beschatteten Flächen und hellen lebendig gefärbten hervorgehobenen Kanten ist das definierende visuelle Merkmal. Maßstabsgefühl: monumental - als ob es 3 bis 5 Meter hoch im physischen Raum wäre. --- PHASE 3: NAVIGATIONSLEISTE Minimale Navigationsleiste ganz oben - Höhe etwa 4 bis 5 % der gesamten Bildhöhe. Hintergrund: sehr dunkel halbtransparent - die getönte dunkle Farbe aus PHASE 0 bei 85 bis 90 % Deckkraft. Links: [BRAND NAME] Wortzeichen oder Logomarke in korrekter offizieller Form, kleine weiße Schrift. Mitte: 4 bis 6 Navigationskategorien in kleiner Großbuchstaben-Sperrung weißer Schrift - bestimmen Sie autonom relevante Kategorien basierend auf dem Geschäft von [BRAND NAME]. Rechts: Sprachumschalter-Pille und primärer CTA-Button - dunkler Hintergrund, helle Umrandung, kleine Großbuchstaben "[BUTTON TEXT]" mit rechtem Pfeil →. Alle Navigationsleistenelemente klein, präzise, minimal - konkurrieren nicht mit Hero-Elementen. --- PHASE 4: TEXTBLOCK - LINKE SEITE Positioniert in den linken 35 bis 40 % des Bildes, vertikal zentriert, linksbündig mit angemessenem Rand. Die linke Seite liegt in der dunkleren Zone des Hintergrundverlaufs - weißer Text ist ohne zusätzliche Behandlung vollständig lesbar. Labelzeile: kleines eckiges Klammer-Label über der Überschrift - "{ WE ARE [BRAND NAME] } →" oder markenangemessenes Äquivalent. Sehr kleine Schrift, weiß, gesperrt, dünne Strichstärke. Überschrift: [HEADLINE] - gesetzt im typografischen Charakter von [BRAND NAME], fett, Großbuchstaben oder Satzfall gemäß Markenkonvention. Groß - etwa 8 bis 10 % der gesamten Bildhöhe pro Zeile. Weiß. Zwei bis drei Zeilen maximal. Linksbündig. Fließtext: [SUBHEADLINE] - ein bis zwei Sätze, kleine reguläre Strichstärke, weiß bei 70 bis 80 % Deckkraft. Unterhalb der Überschrift mit angemessenem Abstand. Maximal 35 bis 40 Zeichen pro Zeile. CTA-Buttons: zwei nebeneinanderliegende Buttons. Primär: dunkle Füllung, weiße Umrandung, weißer Text "[BUTTON TEXT]" mit rechtem Pfeil →. Sekundär: nur Umriss, weiße Umrandung, weißer Text mit sekundärer Aktion, autonom aus dem Kontext von [BRAND NAME] bestimmt. Beide Buttons klein und minimal - leicht abgerundetes Rechteck, Großbuchstaben-Schrift. --- PHASE 5: UNTERE ELEMENTE Unten links: "Scroll for more ↓" in sehr kleiner weißer Schrift - 2 bis 3 % der Bildhöhe, dezent. Unten rechts: "Est. in [FOUNDING YEAR]" in sehr kleiner weißer Schrift - Gründungsjahr aus PHASE 0, gleicher Maßstab. --- PHASE 6: BELEUCHTUNG Einzelne primäre Lichtquelle: warmes dramatisches Licht, positioniert hinter und oben rechts vom 3D-Objekt. Lichtfarbe: die lebendige gesättigte Primärfarbe aus PHASE 0 - es ist die Farbe, ausgedrückt als atmosphärisches Licht, konsistent mit dem inneren Verlaufsstopp. Dieses Licht erzeugt sowohl das radiale Hintergrundleuchten als auch die warmen Glanzlichter auf dem Metallobjekt - sie sind dasselbe Licht, dieselbe Farbe, dieselbe Quelle. Sekundär ambient: sehr subtiles kühles Umgebungslicht von direkt oben - 5 % Intensität, hebt kaum die absolut dunkelsten Schattenzonen an. Keine Fülllichter. Keine Randlichter. Der dramatische Kontrast zwischen beleuchteten und unbeleuchteten Flächen ist beabsichtigt und muss erhalten bleiben. --- PHASE 7: KOMPOSITION Seitenverhältnis: 16:9 Querformat - Hero-Bereich-Proportionen einer Website. Linke 35 bis 40 %: Textzone (dunklerer Hintergrund, UI-Elemente). Rechte 60 bis 65 %: 3D-Skulpturzone (Objekt dominiert). Textblock und Objekt überlappen nicht - klare räumliche Trennung. Leserichtung: Text links → Skulptur rechts. --- PHASE 8: TECHNISCHE SPEZIFIKATIONEN Render: Octane Render oder Redshift - physikalisch genaues gebürstetes Metall mit korrektem anisotropem Glanzverhalten. Alle Materialfarben aus der in PHASE 0 bestimmten Primärfarbe abgeleitet - keine neutralen Grautöne, keine farboffenen Elemente irgendwo im Bild. Wenn [COLOR] benutzerdefiniert war - überschreibt diese Farbe jede Markenfarbe in allen Material- und Beleuchtungsberechnungen. Raytracing: an - für genaue Kantenglanzlichter und Metall-Interreflexionen. Hintergrundverlauf: physikalisch genaues radiales atmosphärisches Licht - echter volumetrischer Lichtbeitrag, kein zusammengesetzter Verlaufs-Overlay. Typografie: knackig, anti-aliased, flach weiß - null Schatten, null Unschärfe, null Effekte. UI-Elemente: sauberes flaches Design, keine Schlagschatten, keine Verläufe auf UI-Elementen. Farbpalette: ausschließlich das in PHASE 0 abgeleitete Farbensystem plus Weiß für Text - keine zusätzlichen Farben, die irgendwo eingeführt werden. Sampling: mindestens 2048 Samples. Anti-Aliasing: maximal. Ausgabefühl: der tatsächliche Screenshot über dem Falz der neu gestarteten Premium-Website von [BRAND NAME] - Awwwards-Startseitenqualität.

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit creative gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:creative| twitter| web-design| 3d-logo

Diskussion