NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Armonía Andina usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: negro profundo #0A0A0A, gris carbón #1F1F1F, azul eléctrico #0D6EFD, blanco puro #FFFFFF y acento cian #00FFFF. Tipografía: Headings con 'Montserrat' (sans-serif) y body con 'Inter' (sans-serif).
**Estructura**
- **Header**: barra superior fija con logo SVG (texto "Armonía Andina"), botón hamburguesa que abre el menú lateral. Debajo, una barra de actualizaciones estilo marquee que recorre horizontalmente breves frases de novedades ("Nuevo EP disponible", "Próximo concierto en Madrid", etc.).
- **Nav lateral** (oculto en móvil, visible al abrir hamburguesa): enlaces verticales a Home, Discografía,
5.177 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.177 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, menú hamburguesa y barra de actualizaciones en marquee
- 1.2 Hero principal con líneas animadas, título destacado, botones de streaming y fondo con máscara degradada
- 1.3 Bloque "Sobre mí" con título, subtítulo, texto descriptivo y foto en efecto parallax
- 1.4 Sección Discografía con título, lista de lanzamientos, hover reveal y enlaces a plataformas de streaming
- 1.5 Footer con enlaces de navegación y iconos sociales
ABOUT
- 2.1 Título y subtítulo "Sobre EcoVibe"
- 2.2 Texto ampliado de la historia y la visión
- 2.3 Imagen decorativa con efecto paralaje
DISCIPLINE (DISCOGRAPHY)
- 3.1 Título de sección "Discografía"
- 3.2 Grid de lanzamientos con título, hover y enlaces a Spotify, Soundcloud, Bandcamp, Youtube
- 3.3 Botón "Ver más" que lleva a página completa de lanzamientos
LIVE SHOWS
- 4.1 Título "Shows en vivo"
- 4.2 Lista de eventos con fecha, ciudad y enlace a detalle
UPDATES
- 5.1 Título "Novedades"
- 5.2 Carrusel de artículos con título y enlace
CONTACT
- 6.1 Formulario sencillo de contacto (nombre, email, mensaje)
- 6.2 Información de contacto y mapa embebido
MERCH
- 7.1 Título "Merchandising"
- 7.2 Grid de productos con imágenes, precios ficticios y botón "Añadir al carrito"
FOOTER
- 8.1 Enlaces de navegación secundarios
- 8.2 Iconos sociales (Instagram, Facebook, X, TikTok, Threads, BlueSky, Mastodon)
- 8.3 Texto de derechos reservados
PROMPTS RELACIONADOS · BEAUTY / SPA
