NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **LunaPulse**, club nocturno premium, usando **HTML** y **Tailwind CSS (CDN)** en un único archivo con **JavaScript vanilla** para interacciones simples (menú móvil, animaciones de equalizador).
- **Paleta de colores**: fondo negro #0A0A0A, acentos morado oscuro #2B0A3D, azul neón #3A0DFF, texto blanco #FFFFFF, gris tenue #CCCCCC.
- **Tipografía**: 'Montserrat' (títulos, botones) y 'Open Sans' (cuerpo). Cargar ambas desde Google Fonts.
- **Header**: barra fija con logo (texto "LunaPulse" estilizado), menú horizontal (Home, About, Tracklist, Blog, Contact), botón primario blanco con borde morado y efecto hover que invierte colores. Añadir icono de menú hamburguesa visible en <768px que despliega un panel lateral con logo y enlaces.
- **He
4.068 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.068 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 Encabezado con logo, menú y botón de contacto
- 1.2 Menú móvil desplegable
- 1.3 Hero con imagen, títulos y equalizador animado
- 1.4 Tags temáticos
- 1.5 About – título, subtítulo, grid de imágenes y descripción
- 1.6 Botón "Aprende más"
- 1.7 Tracklist – lista de pistas con detalles y acción vídeo
- 1.8 Footer con enlaces e información
ABOUT
- 2.1 Título y subtítulo de la sección
- 2.2 Grid de tres imágenes con efectos de aparición
- 2.3 Texto descriptivo y botón secundario
TRACKLIST
- 3.1 Título de la sección
- 3.2 Lista de items dinamizada: título pista, artista, duración
- 3.3 Botón “Watch Now” con icono y animación de equalizador
BLOG
- 4.1 Título de la sección de blogs
- 4.2 Tarjetas de artículo con imagen, título y excerpt
CONTACT
- 5.1 Formulario de contacto básico (nombre, email, mensaje)
- 5.2 Botón de envío
FOOTER
- 6.1 Logo pequeño y claim
- 6.2 Enlaces de navegación (Home, About, Tracklist, Blog, Contact)
- 6.3 Redes sociales (iconos)
PROMPTS RELACIONADOS · EDUCACIÓN
