Questo strumento genera una raffinata pagina prodotto e-commerce desktop per una tastiera meccanica premium, ideale per vetrine di design di prodotto, concept di negozi online e mockup di interfaccia utente.
Crea una pagina di dettaglio prodotto e-commerce moderna e pulita per un brand di tastiere meccaniche premium chiamato KeyForge, presentata come un mockup di sito web desktop ad alta fedeltà su sfondo bianco con sottili divisori grigio chiaro e ampi spazi. Il layout è una scena di vetrina unificata con una barra di navigazione superiore, una barra laterale sinistra con miniature dei prodotti, una grande immagine hero centrale del prodotto e un pannello informativo per l'acquisto sulla destra. Nell'intestazione, posiziona il logo testuale in grassetto all'estrema sinistra, seguito da 7 voci di navigazione: “Keyboards”, “Switches”, “Keycaps”, “Accessories”, “Sale”, “Blog” e “Support”, e all'estrema destra 3 icone per ricerca, account e carrello, con un piccolo badge di notifica nero che mostra “1” sul carrello. Il prodotto principale mostrato al centro è una tastiera meccanica compatta al 75% fotografata da un'angolazione frontale leggermente rialzata su un piano grigio tenue, con una cassa in alluminio color argento, tasti bianchi e grigi, diversi tasti accentati in viola lavanda e una manopola del volume argentata in alto a destra. La galleria verticale sinistra contiene esattamente 5 miniature: 1 scatto frontale del prodotto selezionato, 1 vista angolata della tastiera, 1 primo piano dello switch meccanico, 1 primo piano della texture dei tasti e 1 miniatura video scura con un'icona play circolare. Il pannello prodotto a destra include un piccolo badge a pillola con scritto “NEW”, un grande nome del prodotto in grassetto KeyForge K75 Pro, un sottotitolo “75% Mechanical Keyboard”, una riga di valutazione a 5 stelle con 4.8 e “(126 reviews)”, un prezzo grande in grassetto $129.99 seguito dallo stato verde “In Stock” e una breve descrizione di due frasi sulle prestazioni premium, il design gasket-mounted, il supporto QMK/VIA e l'RGB. Sotto, includi un selettore “Switch Type” con esattamente 4 pulsanti a pillola etichettati “Cherry MX Red”, “Gateron Brown”, “Gateron Blue” e “TTC Gold Pink”, con il primo selezionato; un selettore “Color” con esattamente 3 pulsanti a pillola etichettati “White / Purple”, “Black / Gray” e “Navy / Blue”, con il primo selezionato; un menu a tendina “Quantity” impostato su “1”; un grande pulsante primario nero etichettato “Add to Cart” con un'icona del carrello; e un pulsante secondario con contorno etichettato “Add to Wishlist” con un'icona a cuore. Sotto i pulsanti, mostra esattamente 3 punti salienti del servizio con piccole icone: “Free Shipping” con sottotesto “On orders over $99”, “30-Day Returns” con sottotesto “Hassle-free returns” e “2-Year Warranty” con sottotesto “Peace of mind”. Nell'area dei contenuti inferiore, crea una sezione a due colonne separata da linee chiare. A sinistra c'è un elenco di schede verticali con esattamente 5 voci: “Overview” selezionata, poi “Specifications”, “What’s in the Box”, “Shipping & Returns” e “Reviews (126)”. A destra delle schede, posiziona una griglia di schede caratteristiche bianche arrotondate con esattamente 6 blocchi di funzionalità in 2 righe da 3, ognuno con una semplice icona a linea, titolo in grassetto e breve testo esplicativo: “75% Layout”, “Gasket-Mounted”, “QMK/VIA Support”, “Hot-Swappable”, “RGB Backlighting” e “Premium Build”. All'estrema destra di quest'area inferiore, aggiungi un elenco puntato delle specifiche con esattamente 7 punti: “Layout: 75% (82 Keys)”, “Switch Type: Cherry MX Red”, “Mounting: Gasket-Mounted”, “Connectivity: USB-C (Wired)”, “Backlight: RGB, South-facing”, “Material: Aluminum Case” e “Dimensions: 322 x 135 x 42 mm”, più un punto finale aggiuntivo “Weight: 1.25 kg”. Utilizza un'estetica di design del prodotto minimalista e raffinata, una spaziatura dell'interfaccia realistica, una tipografia sans-serif pulita simile a Inter o SF Pro, ombre morbide, angoli leggermente arrotondati, icone monocromatiche e una presentazione da elettronica di consumo in stile startup.