NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para **EcoRisas Media**, un podcast de humor y cultura pop. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la siguiente estructura y estilo sin copiar texto original:
**Paleta de colores**: #0D0D0D (fondo oscuro), #FFFFFF (texto principal), #FF6F61 (acento rojo coral), #1E90FF (azul acento), #F5F5F5 (gris claro para cards).
**Tipografía**: "Inter" para títulos y cuerpo, peso 400‑700; cargar desde Google Fonts.
**Header** (sticky): barra negra con logo a la izquierda (SVG placeholder), menú centrado con enlaces: Episodios, Conductores, Patrocinadores, Contacto. Botón de llamado a acción a la derecha con fondo coral y texto blanco: "Ser patrocinador".
**Sección Hero** (#Start): fondo oscuro, texto grande blanco. Pequeña etiqu
4.106 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.106 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 sticky con logo, menú y botón de patrocinio
- 1.2 Hero con título de episodio, botón reproducir y enlace a más info, imagen ilustrativa y animación Lottie
- 1.3 Bloque de iconos de redes y descarga
- 1.4 Sección de episodios recientes en grid con fondo de imagen, número, título y botones
- 1.5 Sección de sponsors con video de fondo, título y logos de patrocinadores
- 1.6 Área de hosts con imágenes y biografías
EPISODES
- 2.1 Listado dinámico de episodios con tarjeta de fondo, número, título y botones reproducir/más info
HOSTS
- 3.1 Grid de presentadores con foto, nombre y breve descripción
SPONSORS
- 4.1 Video de fondo con overlay, título y galería de logos de patrocinadores
CONTACT
- 5.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar
PROMPTS RELACIONADOS · BELLEZA / SPA
