Mockup della pagina prodotto di una tastiera meccanica

Crea una pagina di dettaglio prodotto e-commerce pulita e moderna per mostrare un prodotto chiamato {argument name="brand name" default="KeyForge"}. Si tratta di un marchio di tastiere meccaniche di fascia alta. La pagina presenta un modello di sito web desktop ad alta fedeltà con sfondo bianco, linee divisorie grigio chiaro e ampio spazio bianco. Il layout è una scena di negozio unificata, che include una barra di navigazione superiore, una barra delle miniature dei prodotti a sinistra, una grande immagine centrale del prodotto e un pannello informativo per l'acquisto a destra. In alto a sinistra dell'intestazione è presente un logo del marchio in grassetto, seguito da sette voci di navigazione: "Tastiere", "Interruttori", "Copritasti", "Accessori", "Saldi", "Blog" e "Assistenza". All'estrema destra sono presenti tre icone: ricerca, account e carrello. L'icona del carrello ha un piccolo badge di notifica nero con un "1". Il prodotto principale visualizzato al centro è una tastiera meccanica compatta con layout al 75%, fotografata da una leggera angolazione frontale verso il basso, posizionata su un supporto espositivo grigio chiaro. Presenta un involucro in lega di alluminio argentata, tasti bianchi e grigi, alcuni tasti funzione viola chiaro e una manopola del volume argentata nell'angolo in alto a destra. La galleria verticale a sinistra contiene cinque miniature: una vista frontale selezionata del prodotto, una vista laterale della tastiera, un primo piano degli interruttori meccanici, un primo piano della texture dei tasti e una miniatura video scura con un'icona di riproduzione circolare. Il pannello del prodotto a destra include una piccola etichetta a capsula con la scritta "NUOVO" e il nome del prodotto in grassetto. Il sottotitolo è "Tastiera meccanica 75%", seguito da una valutazione a 5 stelle di 4,8 stelle e "(126 recensioni)", e il prezzo in grassetto. Lo stato verde "Disponibile" è seguito da una breve descrizione delle sue prestazioni superiori, del design Gasket, del supporto QMK/VIA e degli effetti di illuminazione RGB. Di seguito è presente un selettore "Tipo di interruttore" con quattro pulsanti a capsula etichettati "Cherry MX Red", "Gateron Brown", "Gateron Blue" e "TTC Gold Pink", con il primo selezionato di default; un selettore "Colore" con tre pulsanti a capsula etichettati "White/Purple", "Black/Gray" e "Navy/Blue", con il primo selezionato di default; un menu a tendina "Quantità" impostato su "1"; un grande pulsante principale nero con un'icona del carrello della spesa etichettata "Aggiungi al carrello"; e un pulsante secondario con un contorno a forma di cuore etichettato "Aggiungi alla lista dei desideri". Sotto il pulsante, vengono visualizzati tre riquadri orizzontali con piccole icone che evidenziano i servizi: "Spedizione gratuita" con il sottotitolo "Per ordini superiori a $99", "Resi entro 30 giorni" con il sottotitolo "Resi senza problemi" e "Garanzia di 2 anni" con il sottotitolo "Tranquillità". Sotto quest'area di contenuto, viene creato un layout a due colonne, separate da linee sottili. Sul lato sinistro è presente un elenco verticale di etichette contenenti cinque elementi: "Panoramica" (selezionato), "Specifiche", "Contenuto della confezione", "Spedizione e resi" e "Recensioni (126)". A destra delle etichette, è posizionata una griglia bianca arrotondata di schede funzione, contenente sei blocchi funzione disposti su due righe e tre colonne. Ogni blocco funzione presenta una semplice icona a linea, un titolo in grassetto e una breve descrizione: "Layout 75%", "Montaggio con guarnizione", "Supporto QMK/VIA", "Hot-Swappable", "Retroilluminazione RGB" e "Costruzione premium". All'estrema destra di quest'area, è presente un elenco di specifiche contenente sette punti chiave: "Layout: 75% (82 tasti)", "Tipo di switch: Cherry MX Red", "Montaggio: con guarnizione", "Connettività: USB-C (cablata)", "Retroilluminazione: RGB, lato sud", "Materiale: case in alluminio" e "Dimensioni: 322 x 135 x 42 mm", con un ultimo punto: "Peso: 1,25 kg". Adotta un'estetica di design minimalista e raffinata, caratterizzata da una spaziatura realistica dell'interfaccia utente, un carattere sans-serif pulito simile a Intel o SF Pro, ombre morbide, angoli leggermente arrotondati, icone monocromatiche e una presentazione sofisticata in stile startup per l'elettronica di consumo.