NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **SonidoVivo Studios** (podcast de diseño) usando **HTML estático + Tailwind CDN + JavaScript vanilla en un solo archivo**. Replicar la estructura visual del template analizado respetando los siguientes requisitos:
- **Paleta de colores**: #0D0D0D (fondo principal), #FFFFFF (texto), #F1C40F (amarillo acento), #E74C3C (rojo hover), #34495E (gris oscuro para bloques).
- **Tipografía**: "Poppins" para encabezados (weights 600-700) y "Inter" para cuerpo (weights 400-500). Cargar desde Google Fonts.
- **Header**: barra de navegación fija, logo SVG simple a la izquierda, enlaces: "Nuestro Host", "Top Guests", "Latest Episodes", "Find Us" y botón destacado "Subscribe". Menú colapsable en móvil con icono Lottie sencillo (solo placeholder).
- **He
4.054 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.054 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 Navbar con logo y enlaces de navegación + botón suscripción
- 1.2 Hero con título escaneado en mayúsculas, información de día/hora y host
- 1.3 Bloque widget del último episodio con número, título, invitado y botón reproducir
- 1.4 Sección "Conoce a nuestro anfitrión" con texto descriptivo, foto y enlaces a redes
- 1.5 Listado de episodios recientes en tarjetas con número, fecha, título, invitado y botón reproducir
- 1.6 Sección "Invitados destacados" con mosaico de fotos, nombre y especialidad
- 1.7 Footer sencillo con enlaces rápidos y datos de contacto
EPISODIOS
- 2.1 Lista de episodios (reutilizada en sección 1.5) con número, fecha, título, invitado y botón reproducir
INVITADOS
- 3.1 Galería de invitados destacados (reutilizada en sección 1.6) con foto, nombre y especialidad
ACERCA
- 4.1 Página "Nuestro Host" con biografía ampliada y enlaces a redes sociales
CONTACTO
- 5.1 Formulario de suscripción simple con campo email y botón enviar
PROMPTS RELACIONADOS · EDUCACIÓN
