NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en la estructura y estilo de AudioNest, una plataforma ficticia de podcasts. Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #1E1E2F (fondo oscuro), #F5F5F5 (texto claro), #FF6B6B (acento principal), #4ECDC4 (acento secundario), #2A2A38 (tarjetas). Tipografía: Inter (sans-serif) para cuerpo y DM Serif Display para encabezados.
HEADER: barra fija con logo a la izquierda, menú horizontal (Inicio, Episodios, Sobre nosotros, Conductores, Suscripción, Blog, Contacto), botón de carrito con contador. Menú colapsable en móvil (icono hamburguesa).
HOME:
1. Hero: sección amplia con fondo degradado oscuro, título grande "Escucha, descubre y conecta" y subtítulo. Grid horizontal de 3 tarjetas de episodio destacad
3.859 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.859 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 Encabezado con logo, menú y carrito
- 1.2 Hero episodios destacados
- 1.3 Categorías de podcasts
- 1.4 Suscripción al boletín
- 1.5 Testimonios de oyentes
- 1.6 Footer institucional
EPISODES
- 1.1 Lista de episodios en cuadrícula con miniaturas y descripciones
- 1.2 Filtros por categoría y popularidad
- 1.3 Paginación o carga infinita
ABOUT
- 1.1 Historia de la marca y equipo
- 1.2 Valores y misión
HOSTS
- 1.1 Perfiles de los conductores con foto y biografía
- 1.2 Enlaces a sus redes sociales
SUBSCRIBE
- 1.1 Formulario de suscripción a plataformas de streaming
- 1.2 Beneficios de la suscripción
BLOGS
- 1.1 Artículos y noticias del mundo del podcast
- 1.2 Lista de posts con imagen, título y extracto
CONTACT
- 1.1 Formulario de contacto y mapa de ubicación
- 1.2 Datos de contacto y enlaces de soporte
PROMPTS RELACIONADOS · EDUCACIÓN
