NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Academia Abedul** (plataforma de podcasts) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo. Reproduce el diseño analizado:
- **Paleta de colores**: #1A1A1A (fondo principal), #FFFFFF (texto), #FF5722 (accento), #F5F5F5 (bg sections), #333333 (nav).
- **Tipografía**: "Inter" para títulos y cuerpo, tamaños: h1 48px, h2 36px, p 18px, botones 16px.
- **Header**: barra responsiva con logo (icono mic + texto Academia Abedul), menú colapsable en móvil, enlaces: Episodes, Blog, About us, Hosts, Subscribe, Reviews, botón destacado "Start Listening", ícono de carrito con contador.
- **Hero**: subsección con icono, texto "THE BEST AUDIOSERIES", título grande "Immerse Yourself in Riveting Audio Experiences", p
3.612 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.612 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 Header con logo, menú colapsable y botón de carrito
- 1.2 Hero con subtítulo, título principal, texto descriptivo y botón “Browse Episodes”
- 1.3 Galería de presentadores (imágenes circulares)
- 1.4 Grid de episodios destacados (imagen, título, corta descripción, botón reproducir)
- 1.5 Sección de blog (tarjetas con imagen, categoría, título, extracto)
- 1.6 Footer con enlaces (Sobre nosotros, Contacto, Términos), redes sociales y suscripción al newsletter
EPISODES
- 2.1 Lista de episodios en formato lista con reproductor embebido y descripción
ABOUT US
- 3.1 Texto institucional con imágenes y equipo
HOSTS
- 4.1 Grid de hosts con foto, nombre, biografía corta y enlaces a redes
SUBSCRIBE
- 5.1 Formulario de suscripción y botones de planes
REVIEWS
- 6.1 Testimonios en carrusel y puntuación
BLOG
- 7.1 Lista de artículos con filtro por categoría y barra de búsqueda
CART
- 8.1 Modal de carrito con listado de productos, precios y botón checkout
CHECKOUT
- 9.1 Formulario de pago y resumen de la orden
PROMPTS RELACIONADOS · EDUCACIÓN
