NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Ecosfera Podcast" (ecosferapodcast.com). Usa HTML5 y Tailwind CSS vía CDN, y JavaScript vanilla en un único archivo. Paleta de colores: #1A1A1A (fondo principal), #F5F5F5 (texto claro), #FF5722 (acento), #212121 (cards), #424242 (bordes). Tipografía: 'Inter' para cuerpo y 'Playfair Display' para títulos, cargadas desde Google Fonts.
Estructura:
- <header class="bg-[#1A1A1A] text-[#F5F5F5] py-4"> con logo SVG a la izquierda, menú de navegación (Home, About, Episodes, Guests, Sponsors, Blog, Contact) y botón "Subscribe" con fondo #FF5722.
- <section class="hero bg-[#212121] text-center p-12 relative"> contiene:
* lightbox para video de presentación (imagen con overlay de play). Al hacer click abre video incrustado.
* Tres encabezados gr
4.023 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.023 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, enlaces de navegación y botón de suscripción
- 1.2 Hero con video lightbox, títulos rotativos y botón de Últimos episodios
- 1.3 Área de plataformas de escucha con iconos animados
- 1.4 Marquee horizontal con logos de plataformas favoritas
- 1.5 Sección de episodios recientes en grid responsive
- 1.6 Footer con formulario de suscripción y enlaces legales
EPISODE
- 1.1 Imagen destacada del episodio
- 1.2 Número y duración del episodio
- 1.3 Título y descripción breve
- 1.4 Botón reproducir y enlaces a plataformas de escucha
HOST
- 1.1 Foto del presentador
- 1.2 Nombre y breve biografía
- 1.3 Lista de episodios del host
ABOUT
- 1.1 Texto institucional y misión
- 1.2 Imagen de fondo heroico
CONTACT
- 1.1 Formulario de contacto simple
- 1.2 Información de redes sociales
BLOG
- 1.1 Lista de artículos con imagen y extracto
- 1.2 Paginación
PROMPTS RELACIONADOS · PODCAST
