NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Arquitectos Delta, una plataforma para artistas musicales y eventos en vivo. Usa exclusivamente HTML y Tailwind CSS (CDN) con JavaScript vanilla en un solo archivo. Reproduce la siguiente arquitectura y estilo sin copiar texto original:
- **Paleta de colores**: fondo oscuro #0b0b0b, texto claro #f5f5f5, acento lima #a4c639, gris medio #333333, gris claro #777777.
- **Tipografía**: encabezados con "Roboto Slab" (peso 700), cuerpo con "Open Sans" (peso 400), cargar desde Google Fonts.
- **Header**: barra fija, logo a la izquierda (texto Arquitectos Delta en SVG), menú colapsable en móvil, enlaces de navegación (Inicio, Lanzamientos, Sobre, Evento, Discografía, Boletín) y iconos de redes sociales (Facebook, Instagram, Spotify, SoundCloud, You
4.162 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.162 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 Header con logo y enlaces sociales, navegación colapsable
- 1.2 Hero con slider de imágenes, subtítulo, título y descripción
- 1.3 Últimos lanzamientos (grid de tarjetas con portada, título y artista)
- 1.4 Sobre nosotros (texto y foto de perfil)
- 1.5 Próximo evento (fecha, cuenta atrás, botón "Reservar")
- 1.6 Discografía (galería de portadas con modal de reproducción)
- 1.7 Newsletter (campo email y botón "Suscríbete")
- 1.8 Footer (enlaces legales, redes, información de contacto)
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Imagen de cabecera con título y descripción
- 2.3 Texto largo sobre la trayectoria del artista
- 2.4 Galería de fotos
- 2.5 Footer
EVENTS
- 3.1 Header
- 3.2 Lista de eventos (tarjeta con fecha, local y botón "Detalles")
- 3.3 Mapa integrado
- 3.4 Footer
DISCOGRAPHY
- 4.1 Header
- 4.2 Grid de álbumes (portada, nombre, año, botón "Escuchar")
- 4.3 Footer
NEWSLETTER
- 5.1 Header
- 5.2 Formulario de suscripción (email, botón) con mensaje de éxito
- 5.3 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
