NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web ficticia para la marca "Escena Lira" (escenalira.com). El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla en línea. Reproduce fielmente la estructura y el estilo del sitio de referencia (e‑commerce con hero, cuadrícula de categorías, carrusel de productos, testimonios, blog y newsletter), pero con contenido original en español de España.
**Paleta de colores**
- Primario: #1F2937 (gris oscuro)
- Secundario: #F59E0B (ámbar)
- Fondo claro: #F9FAFB
- Texto principal: #111827
- Acento: #10B981 (verde esmeralda)
**Tipografía**
- Font family: "Inter", sans‑serif (cargar desde Google Fonts).
**Header**
- Barra de navegación fija, fondo blanco, sombra ligera.
- Logo a la izquierda (svg placeholder).
- Íconos de búsqueda y carrito
4.653 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.653 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 con logo, buscador, carrito y menú responsivo
- 1.2 Hero principal con título, descripción y botón CTA
- 1.3 Cuadrícula de categorías destacadas (3 columnas)
- 1.4 Sección de productos destacados en carrusel horizontal
- 1.5 Testimonios en tarjetas con foto y texto
- 1.6 Últimos artículos del blog en mini‑tarjetas
- 1.7 Formulario de suscripción al boletín
- 1.8 Footer con enlaces útiles, redes sociales y datos de contacto
COLECCIONES
- 1.1 Cabecera idéntica a la home
- 1.2 Lista de productos en cuadrícula con filtros
- 1.3 Paginación y barra lateral de categorías
- 1.4 Footer idéntico a la home
PRODUCTO
- 1.1 Cabecera idéntica
- 1.2 Galería de imágenes del producto
- 1.3 Detalle del producto: título, precio, selector de variante, descripción
- 1.4 Botón "Añadir al carrito"
- 1.5 Sección de productos relacionados en carrusel
- 1.6 Footer idéntico
CARRITO
- 1.1 Cabecera idéntica
- 1.2 Modal con lista de productos, cantidad editable y remover
- 1.3 Resumen de subtotal y botón de pago
- 1.4 Footer idéntico
CHECKOUT
- 1.1 Cabecera idéntica
- 1.2 Formulario de datos de envío y pago
- 1.3 Resumen de pedido y botón de confirmar compra
- 1.4 Footer idéntico
BLOG
- 1.1 Cabecera idéntica
- 1.2 Lista de artículos en tarjetas con imagen, título y extracto
- 1.3 Paginación
- 1.4 Footer idéntico
PROMPTS RELACIONADOS · ENTRETENIMIENTO
