Mockup der Produktseite für mechanische Tastaturen

Erstellen Sie eine übersichtliche und moderne Produktdetailseite für den E-Commerce-Shop von KeyForge, einer Marke für hochwertige mechanische Tastaturen. Die Seite präsentiert sich im Stil einer Desktop-Website mit weißem Hintergrund, hellgrauen Trennlinien und viel Weißraum. Das Layout entspricht einer einheitlichen Shop-Ansicht mit einer Navigationsleiste oben, einer Produktminiaturleiste links, einem großen Produktbild in der Mitte und einem Informationsfeld rechts. Oben links im Header befindet sich das markante Markenlogo, gefolgt von sieben Navigationspunkten: „Tastaturen“, „Schalter“, „Tastenkappen“, „Zubehör“, „Sale“, „Blog“ und „Support“. Ganz rechts sind drei Symbole angeordnet: Suche, Konto und Warenkorb. Das Warenkorbsymbol ist mit einer kleinen schwarzen Benachrichtigungsmarkierung in Form einer „1“ versehen. Das Hauptprodukt in der Mitte ist eine kompakte mechanische Tastatur im 75%-Layout, fotografiert aus einem leicht nach unten geneigten Winkel, auf einem hellgrauen Präsentationsständer. Das Gehäuse besteht aus silberner Aluminiumlegierung, die Tastenkappen sind weiß und grau, einige hellviolette Funktionstasten und ein silberner Lautstärkeregler befindet sich oben rechts. Die linke vertikale Galerie enthält fünf Vorschaubilder: eine ausgewählte Vorderansicht des Produkts, eine Seitenansicht der Tastatur, eine Nahaufnahme der mechanischen Schalter, eine Nahaufnahme der Tastenkappenstruktur und ein dunkles Video-Vorschaubild mit einem runden Wiedergabesymbol. Das rechte Produktfeld enthält ein kleines Etikett mit der Aufschrift „NEU“ und dem Produktnamen in Fettdruck: KeyForge K75 Pro. Der Untertitel lautet „75% Mechanische Tastatur“, gefolgt von einer 5-Sterne-Bewertung von 4,8 Sternen und „(126 Bewertungen)“ sowie dem Preis in Fettdruck: 129,99 $. Der grüne Status „Auf Lager“ wird von einer kurzen Beschreibung der überlegenen Leistung, des Gasket-Designs, der QMK/VIA-Unterstützung und der RGB-Beleuchtungseffekte ergänzt. Darunter befindet sich ein „Schaltertyp“-Wahlschalter mit vier Kapseltasten, beschriftet mit „Cherry MX Red“, „Gateron Brown“, „Gateron Blue“ und „TTC Gold Pink“, wobei die erste Option standardmäßig ausgewählt ist; ein „Farb“-Wahlschalter mit drei Kapseltasten, beschriftet mit „Weiß/Lila“, „Schwarz/Grau“ und „Marineblau/Blau“, wobei die erste Option standardmäßig ausgewählt ist; ein Dropdown-Menü für die „Menge“, das auf „1“ eingestellt ist; eine große schwarze Hauptschaltfläche mit einem Warenkorbsymbol und der Beschriftung „In den Warenkorb“; und eine zweite Schaltfläche mit herzförmiger Umrandung und der Beschriftung „Zur Wunschliste hinzufügen“. Unterhalb der Schaltfläche werden drei horizontale Service-Highlights mit kleinen Symbolen angezeigt: „Kostenloser Versand“ mit dem Untertitel „Ab einem Bestellwert von 99 $“, „30 Tage Rückgaberecht“ mit dem Untertitel „Problemlose Rückgabe“ und „2 Jahre Garantie“ mit dem Untertitel „Sorglos einkaufen“. Unterhalb dieses Inhaltsbereichs befindet sich ein zweispaltiges Layout, das durch dünne Linien getrennt ist. Auf der linken Seite befindet sich eine vertikale Liste mit fünf Kategorien: „Übersicht“ (ausgewählt), „Technische Daten“, „Lieferumfang“, „Versand & Rückgabe“ und „Bewertungen (126)“. Rechts daneben ist ein abgerundetes weißes Raster mit Funktionskarten angeordnet, das sechs Funktionsblöcke in zwei Zeilen und drei Spalten enthält. Jeder Funktionsblock ist mit einem einfachen Liniensymbol, einem aussagekräftigen Titel und einer kurzen Beschreibung versehen: „75 % Layout“, „Dichtmontage“, „QMK/VIA-Unterstützung“, „Hot-Swap-fähig“, „RGB-Hintergrundbeleuchtung“ und „Hochwertige Verarbeitung“. Ganz rechts in diesem Bereich befindet sich eine Spezifikationsliste mit sieben wichtigen Punkten: „Layout: 75 % (82 Tasten)“, „Schaltertyp: Cherry MX Red“, „Montage: Dichtungsmontage“, „Anschluss: USB-C (kabelgebunden)“, „Hintergrundbeleuchtung: RGB, nach Süden gerichtet“, „Material: Aluminiumgehäuse“ und „Abmessungen: 322 x 135 x 42 mm“, ergänzt durch den letzten Punkt: „Gewicht: 1,25 kg“. Das Produkt besticht durch ein raffiniertes, minimalistisches Design mit realistischer Anordnung der Bedienelemente, einer klaren serifenlosen Schriftart ähnlich Intel oder SF Pro, sanften Schatten, dezent abgerundeten Ecken, monochromen Symbolen und einer ansprechenden Präsentation im Stil eines Start-ups.