Mockup der Produktseite für mechanische Tastaturen

Erstelle eine saubere, moderne E-Commerce-Produktdetailseite für eine Premium-Marke für mechanische Tastaturen namens {argument name="brand name" default="KeyForge"}, präsentiert als ein hochauflösendes Desktop-Website-Mockup auf weißem Hintergrund mit subtilen hellgrauen Trennlinien und großzügigem Abstand. Das Layout ist eine einzelne, einheitliche Storefront-Szene mit einer oberen Navigationsleiste, einer linken Produkt-Thumbnail-Leiste, einem großen zentralen Produkt-Hero-Image und einem rechtsseitigen Kaufinformationsbereich. Platziere im Header das fette Wortzeichen auf der linken Seite, dann 7 Navigationspunkte mit den Bezeichnungen „Tastaturen“, „Switches“, „Keycaps“, „Zubehör“, „Sale“, „Blog“ und „Support“ und auf der rechten Seite 3 Symbole für Suche, Konto und Warenkorb, mit einem kleinen schwarzen Benachrichtigungsabzeichen mit der Aufschrift „1“ auf dem Warenkorb. Das Hauptprodukt in der Mitte ist eine kompakte 75% mechanische Tastatur, die aus einem leicht erhöhten Frontwinkel auf einer hellgrauen Bühne fotografiert wurde, mit einem Gehäuse aus Aluminium, weißen und grauen Tastenkappen, mehreren Akzenttasten in Lavendelviolett und einem silbernen Lautstärkeregler oben rechts. Die linke vertikale Galerie enthält genau 5 Thumbnails: 1 ausgewählte Frontansicht des Produkts, 1 schräge Tastaturansicht, 1 Nahaufnahme eines mechanischen Schalters, 1 Nahaufnahme der Tastenkappenstruktur und 1 dunkles Video-Thumbnail mit einem kreisförmigen Play-Symbol. Das rechte Produktpanel enthält ein kleines Pill-Badge mit der Aufschrift „NEU“, einen großen, fetten Produktnamen {argument name="product name" default="KeyForge K75 Pro"}, eine Unterüberschrift „75% Mechanische Tastatur“, eine 5-Sterne-Bewertungsreihe mit 4,8 und „(126 Bewertungen)“, einen großen, fetten Preis {argument name="price" default="$129.99"} gefolgt von einem grünen „Auf Lager“-Status und einer kurzen Beschreibung in zwei Sätzen über Premium-Leistung, Gasket-Montage, QMK/VIA-Unterstützung und RGB. Darunter befindet sich ein „Switch Type“-Auswahlelement mit genau 4 Pill-Buttons mit den Bezeichnungen „Cherry MX Red“, „Gateron Brown“, „Gateron Blue“ und „TTC Gold Pink“, wobei der erste ausgewählt ist; ein „Color“-Auswahlelement mit genau 3 Pill-Buttons mit den Bezeichnungen „White / Purple“, „Black / Gray“ und „Navy / Blue“, wobei der erste ausgewählt ist; ein „Quantity“-Dropdown, das auf „1“ eingestellt ist; ein großer schwarzer Primärbutton mit der Aufschrift „In den Warenkorb“ mit einem Warenkorb-Symbol; und ein umrandeter Sekundärbutton mit der Aufschrift „Zur Wunschliste hinzufügen“ mit einem Herz-Symbol. Unterhalb der Buttons werden genau 3 horizontale Service-Highlights mit kleinen Icons angezeigt: „Kostenloser Versand“ mit dem Untertext „Bei Bestellungen über 99 $“, „30-Tage Rückgaberecht“ mit dem Untertext „Problemlose Rücksendungen“ und „2-Jahres-Garantie“ mit dem Untertext „Sorgenfreiheit“. Im unteren Inhaltsbereich erstellen Sie einen zweispaltigen Bereich, der durch helle Linien getrennt ist. Auf der linken Seite befindet sich eine vertikale Tab-Liste mit genau 5 Elementen: „Überblick“ ausgewählt, dann „Spezifikationen“, „Im Lieferumfang enthalten“, „Versand & Rücksendungen“ und „Bewertungen (126)“. Rechts von den Tabs platzieren Sie ein Raster mit abgerundeten weißen Feature-Karten mit genau 6 Feature-Blöcken in 2 Zeilen mit 3 Spalten, jeweils mit einem einfachen Line-Icon, einem fetten Titel und einem kurzen Erklärtext: „75% Layout“, „Gasket-Mounted“, „QMK/VIA Support“, „Hot-Swappable“, „RGB Backlighting“ und „Premium Build“. Auf der rechten Seite dieses unteren Bereichs fügen Sie eine Aufzählung mit Spezifikationen mit genau 7 Aufzählungspunkten hinzu: „Layout: 75% (82 Tasten)“, „Switch Type: Cherry MX Red“, „Montage: Gasket-Mounted“, „Konnektivität: USB-C (Kabelgebunden)“, „Beleuchtung: RGB, nach unten gerichtet“, „Material: Aluminiumgehäuse“ und „Abmessungen: 322 x 135 x 42 mm“ sowie einen zusätzlichen abschließenden Aufzählungspunkt „Gewicht: 1,25 kg“. Verwenden Sie eine raffinierte, minimalistische Produktdesignästhetik, realistische UI-Abstände, eine saubere serifenlose Typografie ähnlich Inter oder SF Pro, weiche Schatten, subtile abgerundete Ecken, monochrome Icons und eine polierte Präsentation im Stil von Startup-Konsumelektronik.