NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Saber Austral (saberaustral.com) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura visual del sitio analizado:
- **Header**: barra fija, fondo oscuro, logo a la izquierda (SVG placeholder), menú de navegación con enlaces Home, Podcasts, Blog, Sobre Nosotros, Contacto y un dropdown "Todas las páginas" con enlaces internos, botón primario verde "Escuchar ahora" a la derecha, icono de búsqueda que abre un overlay modal.
- **Hero**: sección full‑width con fondo degradado verde‑oscuro, título grande (font "Inter" 4xl, peso bold, color #1DB954), subtítulo gris claro, y una tarjeta destacada del episodio más reciente (imagen, etiqueta "Podcast destacado", título del episodio, autor, botón
4.231 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.231 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 principales y botón "Escuchar ahora"
- 2.1 Hero principal con título, subtítulo y episodio destacado
- 3.1 Carrusel de logotipos de partners
- 4.1 Sección de últimos podcasts con listado grande y tarjetas pequeñas
- 5.1 Footer con información de contacto, enlaces rápidos y redes sociales
PODCASTS
- 1.1 Lista de podcasts por categoría con imagen y descripción
- 2.1 Filtro y búsqueda
- 3.1 Paginación
ABOUT US
- 1.1 Presentación de la marca con imagen y texto
- 2.1 Equipo y valores
BLOG
- 1.1 Artículos en formato tarjeta con imagen y extracto
- 2.1 Categorías y barra lateral
CONTACT
- 1.1 Formulario de contacto simple
- 2.1 Información de ubicación y redes
PROMPTS RELACIONADOS · EDUCACIÓN