NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Academia Andina** (plataforma de podcasts). Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce el diseño visual y estructura del sitio analizado sin copiar contenido literal.
**Paleta de colores**:
- Primario: #146EF5 (azul vibrante)
- Fondo negro: #000000
- Texto principal: #FFFFFF
- Texto secundario: #A0A0A0
- Acents: #FF4081 (rosa para badges)
**Tipografía**: Inter (Google Font), tamaños relativos (text-6xl, text-xl, text-base, etc.)
**Header**:
- Navbar fixed, fondo transparente sobre hero, logo a la izquierda y enlaces (Home, All episodes, Contact) a la derecha.
- Versión móvil con icono de hamburguesa que despliega un side‑menu con los mismos enlaces y logo.
**Hero Section**:
- Image
4.061 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.061 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 fija con logo y menú de navegación (desktop y móvil)
- 2.1 Hero con imagen de fondo, título, botón principal y fila de logotipos
- 3.1 Sección "Nuestros episodios más escuchados" con título, descripción y grid de tarjetas de episodios
- 4.1 Footer con enlaces rápidos y datos de contacto
ALL EPISODES
- 1.1 Listado de episodios en formato lista o grid con filtros por temporada
- 2.1 Botón para reproducir o leer notas del episodio
CONTACT
- 1.1 Formulario de contacto con campos de nombre, email y mensaje
- 2.1 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCATION
