NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Audio Lira" (dominio audiolira.com) usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un solo archivo. La web debe replicar el diseño analizado:
- **Header**: barra de navegación fija, fondo blanco, logo a la izquierda, enlaces a "Episodios", "Sobre", "Contacto" y un bloque de iconos con enlaces a Spotify, Apple Podcasts, Google Podcasts y SoundCloud. Usa tipografía 'Inter' (Google Fonts) y colores primario #FF6F61 (naranja cálido), secundario #1A202C (gris oscuro), acento #F4F4F5 (gris muy claro).
- **Hero**: sección de ancho completo con layout de dos columnas; izquierda contiene título grande (max‑width 18ch) en color #1A202C, subtítulo en gris, y botón principal con fondo #FF6F61, texto blanco, hover #E05A4F. Derecha muestra
3.863 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.863 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 con logo y enlaces
- 2.1 Hero con título, subtítulo y botón
- 3.1 Imagen hero superpuesta a reseña
- 4.1 Últimos episodios (grid de tarjetas)
- 5.1 Carrusel de reseñas de oyentes
- 6.1 Footer con información de contacto y suscripción
EPISODES
- 1.1 Lista de episodios en formato grid con filtro y paginación
- 2.1 Cada tarjeta muestra número, título, imagen, descripción corta y botón reproducir
ABOUT
- 1.1 Texto descriptivo del podcast y equipo
- 2.1 Imagen ilustrativa y botones a redes
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 2.1 Información de contacto y mapa integrado
SUBSCRIBE
- 1.1 Formulario de suscripción al boletín
- 2.1 Mensaje de confirmación
PROMPTS RELACIONADOS · PODCAST
