NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Armonía Nova** (plataforma de venta y streaming de música independiente) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce la arquitectura y estilo del sitio fuente sin copiar textos ni imágenes.
**Alcance**
- Página HOME con los bloques enumerados en el apartado "secciones".
- Páginas adicionales: About, Gallery, FAQ, Contact, cada una con los bloques indicados en la tabla.
- Implementar un **header** fijo que incluya: logo (placeholder), menú principal con dropdowns (Home, Pages, Album, Events, Contact Us), botón externo "Escucha ahora" que abra un enlace dummy, y un icono de carrito que despliegue un sidebar lateral (simulado) con lista de productos, subtotal y botones de quitar/actu
4.321 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.321 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 fija con logo, menú dropdown y botón de carrito lateral
- 1.2 Hero principal con imagen/logo, botón principal "Escucha ahora" y enlace externo
- 1.3 Sección de presentación con título y párrafo descriptivo
- 1.4 Galería de álbumes o productos en rejilla responsiva
- 1.5 Área de eventos próximos con tarjetas y fechas
- 1.6 Bloque de noticias o blog con cards resumidos
- 1.7 Formulario de suscripción al newsletter
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 1.1 Cabecera con título "Sobre nosotros"
- 1.2 Texto descriptivo con imagen ilustrativa
- 1.3 Valores y misión en columnas
- 1.4 Equipo en cards circulares
- 1.5 CTA a la tienda
GALLERY
- 1.1 Cabecera con filtro de categorías
- 1.2 Grid de imágenes con overlay y lightbox
FAQ
- 1.1 Lista de preguntas frecuentes en accordion
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa embebido
- 1.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · ARQUITECTURA
