NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Luminova Market** (comercio electrónico de productos de estilo de vida y tecnología) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y los patrones de UI del sitio analizado:
- **Header** fijo con logo a la izquierda, menú hamburguesa a la derecha que despliega un overlay con enlaces numerados (01 Home, 02 About, 03 Products, 04 Contact) y iconos sociales (X, Instagram, LinkedIn, Dribbble) en forma de círculos animados. Incluye un botón de carrito que abre un modal con lista de productos, subtotales y botón de checkout.
- **Hero** a pantalla completa con fondo degradado (#1A202C a #2D3748), título grande en tipografía **Inter** (font‑weight 800, text‑whit
4.077 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.077 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Header con logo, menú hamburguesa y iconos sociales
- 1.2 Hero con imagen de fondo y llamado a la acción
- 1.3 Área de productos destacados en grid responsive
- 1.4 Sección de ventajas / contadores
- 1.5 Testimonios en carrusel simple
- 1.6 Footer con información de contacto y enlaces sociales
PRODUCTOS
- 2.1 listado de tarjetas de producto con imagen, nombre, precio y botón "Añadir al carrito"
- 2.2 filtro lateral por categoría y precio
- 2.3 paginación
- 2.4 footer reutilizado
DETALLE DE PRODUCTO
- 3.1 galería de imágenes del producto
- 3.2 título, descripción, precio y selector de variantes
- 3.3 botón añadir al carrito
- 3.4 sección de productos relacionados
- 3.5 footer reutilizado
ACERCA DE
- 4.1 bloque de historia de la marca con texto e imagen
- 4.2 equipo en tarjetas con foto y nombre
- 4.3 valores y misión en iconos
- 4.4 footer reutilizado
CONTACTO
- 5.1 formulario de contacto con campos nombre, email, mensaje
- 5.2 mapa incrustado
- 5.3 datos de contacto y redes sociales
- 5.4 footer reutilizado
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO