NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática en HTML+Tailwind CDN+JavaScript vanilla (un solo archivo) que reproduzca el diseño y estructura del sitio de ejemplo, pero usando la marca ficticia Podcast Zenit. Utiliza la siguiente paleta de colores: #1A1A1A (texto principal), #F5F5F5 (fondo), #FFB800 (acento principal, botones y destacados), #CCCCCC (líneas y bordes), #FFFFFF (blanco para tarjetas). Tipografía: "Inter", sans-serif para todo el cuerpo; encabezados en "Playfair Display", serif, peso 700.
Estructura requerida:
- <header class="fixed w-full bg-white shadow"> con logo a la izquierda, menú de navegación centrado (Inicio, Episodios, Blog, Sobre, Contacto) y botón de compra a la derecha (clase btn-primary).
- Hero section: contenedor con grid de dos columnas, izquierda con <h1 class="text-5xl fo
3.633 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.633 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, menú y CTA de compra
- 1.2 Hero principal con mensaje, descripción, badges de plataformas y hero‑image
- 1.3 Episodio nuevo destacado con número, portada, título, sinopsis y botón LISTEN Now
- 1.4 Últimos episodios en cuadrícula: tarjeta con imagen, título, botón Listen Now y número
- 1.5 Sobre el programa: texto introductorio, botón Learn More, imágenes grande y pequeña
- 1.6 Suscripción: título "Subscribe Now" y formulario de captura (placeholder)
EPISODES
- 2.1 Lista de episodios (colección) con tarjetas idénticas a la sección 1.4
ABOUT
- 3.1 Información del programa con encabezado, párrafo explicativo y botón Learn More
BLOG
- 4.1 Lista de artículos del blog (estructura similar a episodes, sin detalle en el HTML)
CONTACT
- 5.1 Formulario de contacto básico (estructura implícita en el menú)
PROMPTS RELACIONADOS · PODCAST
