NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Aula Austral** (plataforma de podcasts) usando **HTML puro + Tailwind CSS CDN + JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo visual del diseño analizado:
- **Paleta de colores**: #0A0A0A (fondo principal), #FFFFFF (texto principal), #FF6B6B (accento), #212529 (segundo fondo), #F8F9FA (destacados).
- **Tipografía**: "Inter" para títulos y cuerpo, peso 400/600, tamaños desde 1rem hasta 3rem.
- **Header**: barra fija con logo a la izquierda, texto "Plataforma de podcasts" bajo el logo, menú de enlaces (Home, Pages dropdown, Listen on dropdown, Compra plantilla), icono de carrito con contador. Dropdowns deben abrirse al hover y contener enlaces estructurados como en el original.
- **Hero**: sección a
3.955 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.955 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 Barra de navegación fija con logo, menú principal, dropdowns y botón de carrito
- 1.2 Hero de página con título, subtítulo, botón principal y enlace a escuchar en plataformas
- 1.3 Sección de beneficios con iconos y texto descriptivo
- 1.4 Galería de episodios destacados en tarjetas con imagen, título y botón "Escuchar"
- 1.5 Testimonios en carrusel de citas
- 1.6 Llamada a la acción para suscribirse al boletín
- 1.7 Footer con navegación secundaria, información de contacto y enlaces a redes sociales
EPISODES
- 2.1 Lista de episodios en grid con filtros por categoría
- 2.2 Cada tarjeta muestra portada, título, duración y botón de reproducción
- 2.3 Sidebar con categorías y archivo de podcasts
ABOUT US
- 3.1 Historia de la marca con imagen y texto
- 3.2 Equipo en tarjetas con foto y breve bio
CONTACT US
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Mapa incrustado y datos de contacto
BLOG
- 5.1 Lista de artículos en formato tarjeta
- 5.2 Barra lateral con búsqueda y categorías
PROMPTS RELACIONADOS · EDUCACIÓN
