Makieta strony produktu klawiatury mechanicznej

Stwórz przejrzystą i nowoczesną stronę ze szczegółami produktu e-commerce, aby wyświetlić produkt o nazwie {argument name="brand name" default="KeyForge"}. To marka wysokiej klasy klawiatur mechanicznych. Strona prezentuje wysokiej jakości model witryny komputerowej z białym tłem, jasnoszarymi liniami podziału i dużą ilością białej przestrzeni. Układ to ujednolicona scena sklepowa, obejmująca górny pasek nawigacyjny, pasek miniatur produktów po lewej stronie, duży centralny obraz produktu oraz panel z informacjami o zakupie po prawej stronie. W lewym górnym rogu nagłówka znajduje się pogrubione logo marki, a następnie siedem elementów nawigacyjnych: „Klawiatury”, „Przełączniki”, „Keycaps”, „Akcesoria”, „Wyprzedaż”, „Blog” i „Pomoc”. Po prawej stronie znajdują się trzy ikony: wyszukiwania, konta i koszyka. Ikona koszyka ma mały czarny znaczek powiadomienia z cyfrą „1”. Głównym produktem wyświetlanym w centrum jest kompaktowa klawiatura mechaniczna o układzie 75%, sfotografowana z lekko opadającego przodu, umieszczona na jasnoszarej podstawce. Posiada srebrną obudowę ze stopu aluminium, białe i szare nasadki klawiszy, kilka jasnofioletowych klawiszy funkcyjnych oraz srebrne pokrętło głośności w prawym górnym rogu. Lewa pionowa galeria zawiera pięć miniatur: wybrany widok produktu z przodu, widok klawiatury z boku, zbliżenie przełączników mechanicznych, zbliżenie tekstury nasadek klawiszy oraz ciemną miniaturę wideo z okrągłą ikoną odtwarzania. Prawy panel produktu zawiera małą etykietę kapsułki z napisem „NOWOŚĆ” i nazwą produktu pogrubioną czcionką. {argument name="product name" default="KeyForge K75 Pro"} Podtytuł brzmi „75% Klawiatura mechaniczna”, po którym następuje 5-gwiazdkowa ocena (4,8 gwiazdki) oraz „(126 recenzji)” i cena pogrubiona czcionką. {argument name="price" default="$129.99"} Po zielonym statusie „W magazynie” następuje krótki opis jego doskonałej wydajności, konstrukcji uszczelki, obsługi QMK/VIA i efektów świetlnych RGB. Poniżej znajduje się selektor „Typ przełącznika” z czterema przyciskami kapsułowymi oznaczonymi „Cherry MX Red”, „Gateron Brown”, „Gateron Blue” i „TTC Gold Pink”, z których pierwszy jest domyślnie wybrany; selektor „Kolor” z trzema przyciskami kapsułowymi oznaczonymi „White/Purple”, „Black/Gray” i „Navy/Blue”, z których pierwszy jest domyślnie wybrany; menu rozwijane „Ilość” ustawione na „1”; duży czarny przycisk główny z ikoną koszyka zakupowego oznaczoną „Dodaj do koszyka”; oraz przycisk pomocniczy z serduszkiem z napisem „Dodaj do listy życzeń”. Poniżej przycisku wyświetlane są trzy poziome wyróżnienia usług z małymi ikonami: „Darmowa wysyłka” z podtytułem „Przy zamówieniach powyżej 99 USD”, „30-dniowe zwroty” z podtytułem „Bezproblemowe zwroty” oraz „2-letnia gwarancja” z podtytułem „Spokój ducha”. Poniżej tego obszaru treści utworzono układ dwukolumnowy, oddzielony cienkimi liniami. Po lewej stronie znajduje się pionowa lista etykiet zawierająca pięć pozycji: „Przegląd” (wybrane), „Specyfikacja”, „Zawartość opakowania”, „Wysyłka i zwroty” oraz „Recenzje (126)”. Po prawej stronie etykiet znajduje się zaokrąglona, ​​biała siatka kart funkcyjnych, zawierająca sześć bloków funkcyjnych w dwóch wierszach i trzech kolumnach. Każdy blok funkcyjny ma prostą ikonę linii, pogrubiony tytuł i krótki opis: „Układ 75%”, „Montaż uszczelek”, „Obsługa QMK/VIA”, „Wymiana na gorąco”, „Podświetlenie RGB” i „Wykonanie premium”. Po prawej stronie tego obszaru znajduje się lista specyfikacji zawierająca siedem kluczowych punktów: „Układ: 75% (82 klawisze)”, „Typ przełącznika: Cherry MX Red”, „Montaż: Na uszczelce”, „Łączność: USB-C (przewodowy)”, „Podświetlenie: RGB, skierowane na południe”, „Materiał: Obudowa aluminiowa” oraz „Wymiary: 322 x 135 x 42 mm”, z ostatnim punktem: „Waga: 1,25 kg”. Produkt charakteryzuje się wyrafinowaną, minimalistyczną estetyką, z realistycznymi odstępami między klawiszami w interfejsie użytkownika, czystą czcionką bezszeryfową podobną do Intel lub SF Pro, miękkimi cieniami, subtelnie zaokrąglonymi narożnikami, monochromatycznymi ikonami i wyrafinowaną prezentacją elektroniki użytkowej w stylu startupu.