Maqueta de página de producto de teclado mecánico

Crea una página de detalles de producto de comercio electrónico limpia y moderna para mostrar un producto llamado {argument name="brand name" default="KeyForge"}. Esta es una marca de teclados mecánicos de alta gama. La página presenta un modelo de sitio web de escritorio de alta fidelidad con un fondo blanco, líneas divisorias gris claro y amplio espacio en blanco. El diseño es una escena de tienda unificada, que incluye una barra de navegación superior, una barra de miniaturas de productos a la izquierda, una gran imagen central del producto y un panel de información de compra a la derecha. En la parte superior izquierda del encabezado hay un logotipo de marca en negrita, seguido de siete elementos de navegación: "Teclados", "Interruptores", "Teclas", "Accesorios", "Ofertas", "Blog" y "Soporte". En el extremo derecho hay tres iconos: búsqueda, cuenta y carrito de compras. El icono del carrito de compras tiene una pequeña insignia de notificación negra que muestra un "1". El producto principal que se muestra en el centro es un teclado mecánico compacto con diseño del 75%, fotografiado desde un ángulo frontal ligeramente inclinado hacia abajo, colocado sobre un soporte de exhibición gris claro. Presenta una carcasa de aleación de aluminio plateada, teclas blancas y grises, algunas teclas de función de color púrpura claro y una perilla de volumen plateada en la esquina superior derecha. La galería vertical izquierda contiene cinco miniaturas: una vista frontal seleccionada del producto, una vista lateral del teclado, un primer plano de los interruptores mecánicos, un primer plano de la textura de las teclas y una miniatura de video oscura con un ícono de reproducción circular. El panel del producto de la derecha incluye una pequeña etiqueta de cápsula que dice "NUEVO" y el nombre del producto en fuente negrita.{argument name="product name" default="KeyForge K75 Pro"} El subtítulo es "Teclado mecánico del 75%", seguido de una calificación de 5 estrellas de 4.8 estrellas y "(126 reseñas)", y el precio en fuente negrita.{argument name="price" default="$129.99"} El estado verde posterior "En stock" va seguido de una breve descripción de su rendimiento superior, diseño de junta, compatibilidad con QMK/VIA y efectos de iluminación RGB. Debajo de esto hay un selector de "Tipo de interruptor" con cuatro botones de cápsula etiquetados como "Cherry MX Red", "Gateron Brown", "Gateron Blue" y "TTC Gold Pink", con el primero seleccionado por defecto; un selector de "Color" con tres botones de cápsula etiquetados como "Blanco/Morado", "Negro/Gris" y "Azul marino/Azul", con el primero seleccionado por defecto; un menú desplegable de "Cantidad" configurado en "1"; un botón principal negro grande con un icono de carrito de compras etiquetado como "Agregar al carrito"; y un botón secundario con un contorno en forma de corazón etiquetado como "Agregar a la lista de deseos". Debajo del botón, se muestran tres resaltados de servicio horizontales con pequeños iconos: "Envío gratuito" con el subtítulo "En pedidos superiores a $99", "Devoluciones en 30 días" con el subtítulo "Devoluciones sin complicaciones" y "Garantía de 2 años" con el subtítulo "Tranquilidad". Debajo de esta área de contenido, se crea un diseño de dos columnas, separadas por líneas finas. El lado izquierdo presenta una lista vertical de etiquetas con cinco elementos: "Descripción general" (seleccionado), "Especificaciones", "Contenido de la caja", "Envío y devoluciones" y "Reseñas (126)". A la derecha de las etiquetas, se encuentra una cuadrícula blanca redondeada de tarjetas de funciones, con seis bloques de funciones en dos filas y tres columnas. Cada bloque de funciones tiene un icono de línea simple, un título en negrita y una breve descripción: "Diseño al 75%", "Montaje con junta", "Compatibilidad con QMK/VIA", "Intercambiable en caliente", "Retroiluminación RGB" y "Construcción premium". En el extremo derecho de esta área, se agrega una lista de especificaciones con siete puntos clave: “Distribución: 75% (82 teclas)”, “Tipo de interruptor: Cherry MX Red”, “Montaje: con junta”, “Conectividad: USB-C (con cable)”, “Retroiluminación: RGB, orientada hacia el sur”, “Material: Carcasa de aluminio” y “Dimensiones: 322 x 135 x 42 mm”, con un punto final: “Peso: 1,25 kg”. Adopta una estética de diseño de producto minimalista y refinada, con un espaciado de interfaz de usuario realista, una fuente sans-serif limpia similar a Intel o SF Pro, sombras suaves, esquinas sutilmente redondeadas, iconos monocromáticos y una presentación sofisticada de electrónica de consumo al estilo de una empresa emergente.