NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Campus Boreal, portal de podcasts, usando HTML, Tailwind CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #1A202C (fondo oscuro), #F7FAFC (texto claro), #38B2AC (acento teal), #ECC94B (amarillo suave), #E2E8F0 (gris claro). Tipografía: Inter (sans) para encabezados y cuerpo, peso 400‑600.
Header: barra fija con logo (texto EcoVoz), enlaces navegación (Episodios, Sobre, Contacto) alineados a la izquierda y enlaces a plataformas (Apple Podcasts, Spotify, Google Podcasts, SoundCloud) a la derecha como iconos pequeños. Fondo semi‑transparente sobre fondo oscuro.
Hero: sección de ancho completo con grid de dos columnas; izquierda título grande (max‑18ch) "Descubre conversaciones que inspiran", subtítulo descriptivo, botón "Ver
3.511 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.511 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 con logo y enlaces principales.
- 2.1 Hero con título, subtítulo, botón y visual de fondo.
- 3.1 Últimos episodios en grid de tres columnas.
- 4.1 Slider de testimonios de oyentes.
- 5.1 Footer con datos de contacto y enlaces.
EPISODES
- 1.1 Lista de episodios con filtro y paginación.
- 2.1 Cada episodio muestra imagen, número, título, descripción y botón de reproducción.
ABOUT
- 1.1 Presentación del proyecto y equipo.
- 2.1 Galería de fotos y texto institucional.
CONTACT
- 1.1 Formulario de contacto básico.
- 2.1 Información de email y redes sociales.
PROMPTS RELACIONADOS · EDUCATION
