NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Estética Andina, un portal de podcasts. Usa exclusivamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce la siguiente estructura y estilo:
- Paleta de colores: #1A1A1A (fondo negro), #146EF5 (azul primario), #FFFFFF (texto blanco), #F5F5F5 (gris claro para fondos secundarios).
- Tipografía: Inter, peso regular y bold, tamaños de 1rem a 4rem.
- Header: barra de navegación fija en desktop con logo a la izquierda y enlaces "Home", "All episodes", "Contact" a la derecha. En mobile, ocultar barra y usar icono burger que abre un menú lateral con los mismos enlaces y logo.
- Hero section: imagen de fondo a pantalla completa (usar https://picsum.photos/2000/1200), overlay oscuro, título grande "Audio que conecta id
3.545 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.545 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 Hero con imagen de fondo, título principal y llamada a la acción
- 1.2 Carrusel de logotipos de marcas
- 2.1 Encabezado de sección "Nuestros episodios más escuchados"
- 2.2 Texto descriptivo de la sección
- 2.3 Grid de tarjetas de episodios (imagen, badge de temporada, título, extracto, botón "Leer notas")
ALL EPISODES
- 1.1 Lista de episodios con filtro por temporada (estructura similar al grid de la página principal)
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje, botón enviar)
PROMPTS RELACIONADOS · BEAUTY / SPA
