NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lira Nova, tienda online de productos musicales, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual del ejemplo proporcionado sin copiar texto. Incluir:
- Paleta de colores: fondo #111111, texto principal #fafafa, acentos #ff6f61 y #00c9a7.
- Tipografía: "Inter", sans-serif para títulos y "Montserrat" para párrafos.
- Header: barra fija, logo SVG de estilo minimalista, menú principal con dropdowns (Demos, Sobre, Álbumes, Tienda, Todas las páginas) y botón de carrito con contador.
- Hero: sección a pantalla completa, fondo oscuro con overlay degradado, título grande, subtítulo y botón "Escucha ahora" con efecto hover.
- Sección de productos destacados: grid responsive 4 columnas en desk
3.219 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.219 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 logotipo, menú principal con dropdowns y carrito
- 1.2 Hero con fondo oscuro, título, subtítulo y botón "Escucha ahora"
- 1.3 Cuadrícula de productos destacados (tarjetas con imagen, nombre, precio y botón añadir)
- 1.4 Sección de suscripción al newsletter con campo de email y botón
- 1.5 Footer con columnas de enlaces, datos de contacto y botones de redes sociales
PRODUCTS
- 1.1 Cabecera reutilizada
- 1.2 Lista de productos en cuadrícula con filtros y paginación
- 1.3 Detalle de producto con galería, descripción, variantes y botón "Añadir al carrito"
- 1.4 Footer reutilizado
CART
- 1.1 Cabecera reutilizada
- 1.2 Modal del carrito con listado de ítems, precios, cantidades y botón de checkout
- 1.3 Footer simplificado
ABOUT US
- 1.1 Cabecera reutilizada
- 1.2 Bloque de presentación con texto e imagen
- 1.3 Equipo en tarjetas horizontales
- 1.4 Footer reutilizado
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.3 Mapa incrustado
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
