NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lúmina Casa" (tienda online de decoración y lámparas artesanales) usando únicamente HTML, Tailwind CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo de la plantilla analizada:
- **Paleta de colores**: #0D0D0D (negro profundo), #FFFFFF (blanco), #F5A623 (ámbar cálido), #E2E8F0 (gris claro), #2C3E50 (azul grisáceo).
- **Tipografía**: Cabezeras con "Playfair Display" (serif, peso 700), cuerpo con "Inter" (sans, peso 400).
- **Header**: barra fija, fondo blanco, logo a la izquierda, menú horizontal (Home, About, Products, Blog, Contact) y icono de carrito con contador. En móvil, colapsar a hamburguesa.
- **Footer**: fondo #0D0D0D, texto blanco, 4 columnas: Navegación, Ayuda, Newsletter (campo email + botó
4.166 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.166 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 Cabecera fija con logo, menú principal y icono de carrito
- 2.1 Hero con imagen a pantalla completa, título grande y botón "Descubrir"
- 3.1 Bloque de colecciones destacadas (grid 3 columnas) con imágenes, nombre y enlace
- 4.1 Sección de productos destacados (carrusel de 4 items) con foto, nombre y botón "Añadir al carrito"
- 5.1 Área de blog (cards 2 columnas) mostrando imagen, título y extracto
- 6.1 Testimonios con contador animado de años de experiencia
- 7.1 Pie de página con columnas: Navegación, Ayuda, Newsletter, Redes sociales
ABOUT
- 1.1 Cabecera idéntica a la home
- 2.1 Banner interior con título "Sobre nosotros"
- 3.1 Texto descriptivo con imágenes de proceso artesanal
- 4.1 Equipo en cards
- 5.1 Llamada a la acción a la tienda
PRODUCTS
- 1.1 Cabecera
- 2.1 Filtro de categorías y barra de búsqueda
- 3.1 Grid de productos (4 columnas) con imagen, nombre, precio y botón
- 4.1 Paginación
PRODUCT DETAIL
- 1.1 Cabecera
- 2.1 Imagen principal grande con galería de miniaturas
- 3.1 Información del producto: nombre, descripción, precio, selector de variantes
- 4.1 Botón "Añadir al carrito"
- 5.1 Sección de productos relacionados (grid 4)
BLOG
- 1.1 Cabecera
- 2.1 Lista de artículos en cards con imagen, título, fecha y extracto
- 3.1 Paginación
BLOG DETAIL
- 1.1 Cabecera
- 2.1 Título del artículo, fecha, autor
- 3.1 Contenido completo con imágenes
- 4.1 Comentarios (lista estática)
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto (nombre, email, mensaje, botón)
- 3.1 Mapa incrustado
CART
- 1.1 Cabecera
- 2.1 Lista de productos en el carrito con imagen, nombre, variante, cantidad y precio
- 3.1 Subtotal y botones "Ver carrito" y "Finalizar compra"
PROMPTS RELACIONADOS · E-COMMERCE
