NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Ondas Zenit" (dominio ondaszenit.com, email hola@ondaszenit.com, claim "Conversaciones que inspiran", año 2026). La web es un sitio de podcast y debe reproducir el diseño analizado:
- Utiliza HTML5 estático en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla para interacciones ligeras (menú hamburguesa, lightbox de vídeo, carrusel continuo).
- Paleta de colores: fondo principal #111111, texto principal #FFFFFF, acentos #FF6B6B (rojo coral), #1E90FF (azul), #F4F4F4 (gris claro).
- Tipografía: "Inter", sans-serif para cuerpo; "Playfair Display", serif para títulos.
- HEADER: barra de navegación fija, logo a la izquierda (texto Ondas Zenit), enlaces Home, About, Episodes, Contact, y botón "Suscribirse" a la derecha. Menú colap
3.971 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.971 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 Cabecera con logo, navegación y botón de suscripción
- 1.2 Hero con video lightbox, títulos en tres líneas, descripción y botones de acceso
- 1.3 Carrusel de plataformas de escucha (Apple, Google, Pocket Casts, Soundcloud, Spotify)
- 1.4 Sección "Episodios Recientes" con tarjetas de episodio (imagen, número, duración, título, anfitrión, botón reproducir, enlaces de escucha)
- 1.5 Footer con suscripción y enlaces de contacto
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Bloque de presentación del equipo y misión
- 2.3 Lista de logros y partners
- 2.4 Footer reutilizado
EPISODE
- 3.1 Cabecera reutilizada
- 3.2 Detalle del episodio (título, número, duración, descripción, reproductor embed)
- 3.3 Bloque de enlaces para escuchar en diferentes plataformas
- 3.4 Sección de episodios relacionados
- 3.5 Footer reutilizado
CONTACT
- 4.1 Cabecera reutilizada
- 4.2 Formulario de contacto sencillo (nombre, email, mensaje)
- 4.3 Información de contacto y redes sociales
- 4.4 Footer reutilizado
PROMPTS RELACIONADOS · PODCAST
