NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Luna Mercantil (lunamercantil.com), sector ecommerce de estilo de vida. Usa solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Paleta de colores: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #38B2AC (turquesa acento), #F7FAFC (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpo.
Estructura:
- <header class="bg-gray-900 text-white fixed w-full z-10"> con logo (svg placeholder), menú horizontal (Home, Productos, Blog, Contacto) y dropdown "Más" con enlaces a páginas auxiliares. Botón de carrito a la derecha, que abre un modal overlay con lista de items, subtotales y botón "Continuar al checkout".
- <section id="hero" class="min-h-screen flex items-center justify-center bg-gradient-to-r
3.762 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.762 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 Barra de navegación con logo, menú y carrito
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Cuatro columnas de categorías
- 1.4 Productos destacados en grid
- 1.5 Testimonios rotativos
- 1.6 Últimos artículos del blog
- 1.7 Footer con información y suscripción
PRODUCTOS
- 1.1 Lista de productos en grid, filtro y orden
- 1.2 Detalle de producto con galería, descripción y botón "Añadir al carrito"
- 1.3 Sección de productos relacionados
BLOG
- 1.1 Lista de entradas con imagen, título y extracto
- 1.2 Entrada individual con contenido, autor y comentarios
CONTACTO
- 1.1 Formulario de contacto con campos nombre, email, mensaje y mapa integrado
CUENTA
- 1.1 Inicio de sesión
- 1.2 Registro
- 1.3 Recuperar contraseña
- 1.4 Panel de usuario con historial de pedidos
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO