Übersicht Anwendungsfälle Fähigkeiten Prompts Preise Blog Updates

Mockup einer Produktseite für mechanische Tastaturen

Dies generiert eine ansprechende Desktop-E-Commerce-Produktseite für eine hochwertige mechanische Tastatur, geeignet für Produktdesign-Präsentationen, Storefront-Konzepte und UI-Mockups.

Eingabe

Erstellen Sie eine klare, moderne E-Commerce-Produktdetailseite für eine Premium-Marke für mechanische Tastaturen namens KeyForge, präsentiert als High-Fidelity-Desktop-Website-Mockup auf weißem Hintergrund mit dezenten hellgrauen Trennlinien und großzügigen Abständen. Das Layout ist eine einheitliche Storefront-Szene mit einer oberen Navigationsleiste, einer linken Produkt-Thumbnail-Leiste, einem großen zentralen Produkt-Hero-Bild und einem Kaufinformationsbereich auf der rechten Seite. Platzieren Sie im Header das fettgedruckte Wortmarken-Logo ganz links, gefolgt von 7 Navigationspunkten: „Keyboards“, „Switches“, „Keycaps“, „Accessories“, „Sale“, „Blog“ und „Support“. Ganz rechts befinden sich 3 Symbole für Suche, Konto und Warenkorb, wobei ein kleiner schwarzer Benachrichtigungs-Badge eine „1“ am Warenkorb anzeigt. Das Hauptprodukt in der Mitte ist eine kompakte 75%-mechanische Tastatur, fotografiert aus einem leicht erhöhten Frontwinkel auf einer hellgrauen Bühne, mit einem Aluminiumgehäuse in Silber, weißen und grauen Tastenkappen, mehreren Akzenttasten in Lavendel-Lila und einem silbernen Lautstärkeregler oben rechts. Die linke vertikale Galerie enthält genau 5 Thumbnails: 1 ausgewähltes Front-Produktfoto, 1 angewinkelte Tastaturansicht, 1 Nahaufnahme eines mechanischen Switches, 1 Nahaufnahme der Tastenkappen-Textur und 1 dunkles Video-Thumbnail mit einem kreisförmigen Play-Symbol. Das rechte Produktpanel enthält einen kleinen Pill-Badge mit der Aufschrift „NEW“, einen großen, fettgedruckten Produktnamen KeyForge K75 Pro, einen Untertitel „75% Mechanical Keyboard“, eine 5-Sterne-Bewertungszeile mit 4,8 und „(126 Bewertungen)“, einen großen, fettgedruckten Preis $129.99, gefolgt von einem grünen „In Stock“-Status sowie einer kurzen, zweizeiligen Beschreibung über Premium-Leistung, Gasket-Mounted-Design, QMK/VIA-Unterstützung und RGB. Fügen Sie darunter einen „Switch Type“-Selektor mit genau 4 Pill-Buttons hinzu, beschriftet mit „Cherry MX Red“, „Gateron Brown“, „Gateron Blue“ und „TTC Gold Pink“, wobei der erste ausgewählt ist; einen „Color“-Selektor mit genau 3 Pill-Buttons, beschriftet mit „White / Purple“, „Black / Gray“ und „Navy / Blue“, wobei der erste ausgewählt ist; ein „Quantity“-Dropdown, eingestellt auf „1“; einen großen schwarzen Haupt-Button mit der Aufschrift „Add to Cart“ und einem Warenkorb-Symbol; sowie einen sekundären Button mit Umrandung, beschriftet mit „Add to Wishlist“ und einem Herz-Symbol. Zeigen Sie unter den Buttons genau 3 horizontale Service-Highlights mit kleinen Symbolen: „Free Shipping“ mit dem Untertext „On orders over $99“, „30-Day Returns“ mit dem Untertext „Hassle-free returns“ und „2-Year Warranty“ mit dem Untertext „Peace of mind“. Erstellen Sie im unteren Inhaltsbereich einen zweispaltigen Abschnitt, der durch helle Linien getrennt ist. Auf der linken Seite befindet sich eine vertikale Tab-Liste mit genau 5 Elementen: „Overview“ (ausgewählt), gefolgt von „Specifications“, „What’s in the Box“, „Shipping & Returns“ und „Reviews (126)“. Platzieren Sie rechts neben den Tabs ein abgerundetes, weißes Feature-Kartenraster mit genau 6 Feature-Blöcken in 2 Reihen zu je 3, jeweils mit einem einfachen Liniensymbol, fettem Titel und kurzem erklärenden Text: „75% Layout“, „Gasket-Mounted“, „QMK/VIA Support“, „Hot-Swappable“, „RGB Backlighting“ und „Premium Build“. Fügen Sie ganz rechts in diesem unteren Bereich eine Spezifikations-Aufzählungsliste mit genau 7 Punkten hinzu: „Layout: 75% (82 Keys)“, „Switch Type: Cherry MX Red“, „Mounting: Gasket-Mounted“, „Connectivity: USB-C (Wired)“, „Backlight: RGB, South-facing“, „Material: Aluminum Case“ und „Dimensions: 322 x 135 x 42 mm“, sowie einen zusätzlichen letzten Punkt „Weight: 1.25 kg“. Verwenden Sie eine raffinierte, minimalistische Produktdesign-Ästhetik, realistisches UI-Spacing, eine klare serifenlose Typografie ähnlich wie Inter oder SF Pro, weiche Schatten, dezent abgerundete Ecken, monochrome Symbole und eine polierte Präsentation im Stil von Consumer-Electronics-Startups.

So verwendest du diesen Prompt

1
Kopiere den vollständigen Prompt oben.
2
Öffne eine Plattform, die GPT Image 2 unterstützt, etwa YouMind, und füge den Prompt ein.
3
Tausche Motiv, Stil oder Details nach deiner Idee aus und generiere dann.

Dies ist ein kostenloser AI-Prompt aus der Prompt-Bibliothek von YouMind. Entdecke Tausende weitere bild-Prompts, alle frei zum Kopieren und Anpassen.

Mehr bild-Prompts entdecken

Mehr von GPT Image 2

Alle Bild-Kategorien

Anwendungsfälle

Profil / Avatar Social-Media-Beitrag Infografik / Edu Visual YouTube-Miniaturbild Comic / Storyboard Mehr anzeigen

Stile

Fotografie Kinematisch / Filmstill Anime / Manga Illustration Skizze / Strichzeichnung Mehr anzeigen

Motive

Porträt / Selfie Influencer / Model Charakter Gruppe / Paar Produkt Mehr anzeigen

Mehr Prompt-Funktionen

KI-Bibliothek

KI-Prompt-Suche

Lass die KI Zehntausende Prompts durchsuchen. Filtere nach Modell, Zeitraum und Keywords und sortiere nach Engagement — Aufrufe, Lesezeichen, Reposts und mehr.

Kostenlos testen

Vision-Tools

Bild zu Prompt

Verwandeln Sie jedes Foto in einen detaillierten AI-Bild-Prompt. Der kostenlose Image-to-Prompt-Konverter analysiert Komposition, Stil und Licht, damit Sie jeden Look in Sekunden nachbauen können.

Bild in Prompt umwandeln