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

Esto genera una página de producto de comercio electrónico de escritorio pulida para un teclado mecánico premium, adecuada para exhibiciones de diseño de producto, conceptos de tienda y mockups de interfaz de usuario.

Instrucción
Crea una página de detalles de producto de comercio electrónico moderna y limpia para una marca de teclados mecánicos premium llamada KeyForge, presentada como un mockup de sitio web de escritorio de alta fidelidad sobre un fondo blanco con divisores gris claro sutiles y un espaciado generoso. El diseño es una escena de tienda unificada con una barra de navegación superior, una fila de miniaturas de producto a la izquierda, una imagen principal grande del producto en el centro y un panel de información de compra a la derecha. En el encabezado, coloca el logotipo en negrita en el extremo izquierdo, luego 7 elementos de navegación que digan “Keyboards”, “Switches”, “Keycaps”, “Accessories”, “Sale”, “Blog” y “Support”, y en el extremo derecho 3 iconos para búsqueda, cuenta y carrito, con una pequeña insignia negra de notificación que muestra “1” en el carrito. El producto principal que se muestra en el centro es un teclado mecánico compacto del 75% fotografiado desde un ángulo frontal ligeramente elevado sobre una base gris pálido, con una carcasa de aluminio en color plata, teclas blancas y grises, varias teclas de acento en color lavanda y una perilla de volumen plateada en la parte superior derecha. La galería vertical izquierda contiene exactamente 5 miniaturas: 1 toma frontal seleccionada del producto, 1 vista en ángulo del teclado, 1 primer plano de un switch mecánico, 1 primer plano de la textura de una tecla y 1 miniatura de video oscura con un icono de reproducción circular. El panel de producto derecho incluye una pequeña insignia tipo píldora que dice “NEW”, un nombre de producto grande y en negrita KeyForge K75 Pro, un subtítulo “75% Mechanical Keyboard”, una fila de calificación de 5 estrellas con 4.8 y “(126 reviews)”, un precio grande y en negrita $129.99 seguido de un estado verde de “In Stock”, y una breve descripción de dos oraciones sobre el rendimiento premium, diseño con montaje tipo gasket, soporte QMK/VIA y RGB. Debajo de eso, incluye un selector de “Switch Type” con exactamente 4 botones tipo píldora etiquetados como “Cherry MX Red”, “Gateron Brown”, “Gateron Blue” y “TTC Gold Pink”, con el primero seleccionado; un selector de “Color” con exactamente 3 botones tipo píldora etiquetados como “White / Purple”, “Black / Gray” y “Navy / Blue”, con el primero seleccionado; un menú desplegable de “Quantity” configurado en “1”; un botón principal grande de color negro etiquetado como “Add to Cart” con un icono de carrito; y un botón secundario con contorno etiquetado como “Add to Wishlist” con un icono de corazón. Debajo de los botones, muestra exactamente 3 destacados de servicio horizontales con iconos pequeños: “Free Shipping” con el subtexto “On orders over $99”, “30-Day Returns” con el subtexto “Hassle-free returns” y “2-Year Warranty” con el subtexto “Peace of mind”. En el área de contenido inferior, crea una sección de dos columnas separada por líneas claras. A la izquierda hay una lista de pestañas verticales con exactamente 5 elementos: “Overview” seleccionado, luego “Specifications”, “What’s in the Box”, “Shipping & Returns” y “Reviews (126)”. A la derecha de las pestañas, coloca una cuadrícula de tarjetas de características blancas redondeadas con exactamente 6 bloques de características en 2 filas de 3, cada uno con un icono de línea simple, título en negrita y texto explicativo breve: “75% Layout”, “Gasket-Mounted”, “QMK/VIA Support”, “Hot-Swappable”, “RGB Backlighting” y “Premium Build”. En el extremo derecho de esta área inferior, añade una lista de especificaciones con viñetas con exactamente 7 puntos: “Layout: 75% (82 Keys)”, “Switch Type: Cherry MX Red”, “Mounting: Gasket-Mounted”, “Connectivity: USB-C (Wired)”, “Backlight: RGB, South-facing”, “Material: Aluminum Case” y “Dimensions: 322 x 135 x 42 mm”, además de una viñeta final adicional “Weight: 1.25 kg”. Utiliza una estética de diseño de producto minimalista y refinada, espaciado de interfaz realista, tipografía sans-serif limpia similar a Inter o SF Pro, sombras suaves, esquinas sutilmente redondeadas, iconos monocromáticos y una presentación de electrónica de consumo al estilo startup pulida.

Cómo usar este prompt

  1. 1

    Copia el prompt completo de arriba.

  2. 2

    Abre una plataforma compatible con GPT Image 2, como YouMind, y pega el prompt.

  3. 3

    Cambia el tema, el estilo o los detalles según tu idea y luego genera.

Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de imagen más, todos gratis para copiar y adaptar.

Explorar más prompts de imagen

Más funciones de prompts

Biblioteca de IA

Búsqueda de prompts con IA

Que la IA busque entre decenas de miles de prompts. Filtrá por modelo, rango de fechas y palabras clave, y ordená por interacción: vistas, guardados, reposts y más.

Herramientas de visión

Imagen a prompt

Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.

Creado para creadores. Gratis para siempre.

YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.

Explorar más prompts