NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Aula Andina (dominio aulaandina.com) usando HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la paleta de colores: #0D0D0D (fondo negro), #1A73E8 (azul degradado principal), #FF6F61 (rojo coral para acentos), #F5F5F5 (texto claro). Usa tipografía 'Inter' para títulos y 'Roboto' para cuerpo, cargadas desde Google Fonts.
Estructura:
- <header class="fixed w-full bg-black bg-opacity-80 backdrop-blur-lg z-50"> con logo a la izquierda, enlaces Home, Episodios, Sobre, Contacto y un dropdown "Escuchar ahora" que muestra iconos y enlaces a Spotify, Apple Podcasts, Google Podcasts y Anchor.
- <section class="hero min-h-screen flex items-center bg-gradient-to-r from-blue-600 to-purple-600 text-white p-8"> contie
4.326 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.326 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, enlaces y menú desplegable de plataformas de escucha
- 1.2 Hero principal con título, descripción, foto del anfitrión y botones de escucha y más información
- 1.3 Sección destacada con episodio principal, imagen, título, descripción y botón de reproducción
- 1.4 Lista de últimos episodios en cuadrícula, cada tarjeta muestra número, título, fecha y botón de escucha
- 1.5 Lista de categorías temáticas con iconos
- 1.6 Bloque "Sobre el anfitrión" con texto y foto al lado
- 1.7 Llamada a la acción para escuchar en cualquier plataforma con botones de iconos
- 1.8 Footer con enlaces de navegación y redes sociales
ABOUT
- 2.1 Información detallada del podcast y del anfitrión, foto ampliada y enlaces a redes
EPISODES
- 3.1 Catálogo completo de episodios en tarjetas con filtros por categoría y búsqueda
EPISODE DETAIL
- 4.1 Página individual de episodio con reproductor, descripción, notas y enlaces de reproducción externa
CONTACT
- 5.1 Formulario de contacto sencillo con campos de nombre, email y mensaje
PROMPTS RELACIONADOS · EDUCACIÓN
