NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa basada en la marca ficticia **EcoDesign Podcast** (ecodesignpodcast.com). Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.\n\n**Alcance**: replicar el diseño y estructura de la plantilla analizada, sin copiar texto ni imágenes originales. Genera contenido propio en español (España) siguiendo los bloques descritos en la tabla.\n\n**Paleta de colores**:\n- Fondo principal: #FFFFFF\n- Texto oscuro: #1A1A1A\n- Accent amarillo: #F2C94C\n- Líneas/divisores: #E5E5E5\n\n**Tipografía**: Inter (Google Fonts) para todo el cuerpo, con peso 400 y 600 para títulos.\n\n**Header**: barra de navegación fija, fondo blanco, sombra ligera. Logo textual "EcoDesign Podcast" en bold, enlaces: "Inicio", "Episodios", "Invitados", "Sobre nosotros", botón des
4.657 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.657 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 fijo con logo, enlaces de navegación y botón de suscripción
- 1.2 Hero vertical con título en mayúsculas, información de día, hora y presentador
- 1.3 Widget de episodio destacado con número, título, invitado y botón de reproducción
- 1.4 Bloque "Conoce a nuestro host" con texto descriptivo, foto y enlaces a redes
- 1.5 Lista de últimos episodios en formato tarjeta con número, fecha, título, invitado y botón de reproducción
- 1.6 Galería "Top Guests" con foto, nombre y especialidad del invitado
- 1.7 Footer con enlaces rápidos y datos de contacto
EPISODES
- 2.1 Lista completa de episodios (reutiliza la misma tarjeta del bloque 1.5)
GUESTS
- 3.1 Página de invitados con rejilla de fotos y biografías (similar al bloque 1.6)
ABOUT
- 4.1 Información del podcast, misión y contacto (extiende el bloque del host)
CONTACT
- 5.1 Formulario de suscripción y datos de contacto (botón del navbar lleva aquí)
PROMPTS RELACIONADOS · EDUCATION
