NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Instituto Austral (institutoaustral.com) siguiendo el diseño visual descrito. Usa HTML5 y Tailwind CSS vía CDN, con JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo principal: #262628
- Texto principal: #0D0D0E
- Texto secundario: #A4A4A4
- Acents: #FCDC5A (amarillo) y #FFFFFF (blanco) para botones.
**Tipografía**:
- Sans‑serif moderna (Inter, Roboto o similar) importada de Google Fonts.
**Estructura global**:
- `<header>` fijo, con logo (SVG placeholder), menú horizontal (Home, About, Episodes, Pricing, Blog, Contact) y botón “Subscribe” con fondo amarillo y texto oscuro.
- `<footer>` oscuro, con columnas de enlaces (Navigation, Legal, Social) y datos de contacto (email: hola@institutoaustral.com). Íconos de r
4.235 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.235 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 Header con logo, menú y botón de suscripción.
- 1.2 Hero con título, texto destacado, botones y grid de imágenes.
- 1.3 Área de reproducción en apps de podcast.
- 1.4 Sección de episodios recientes (tarjetas).
- 1.5 Footer con enlaces, contacto y redes.
ABOUT
- 1.1 Header (reutilizado).
- 1.2 Banner con título y texto descriptivo.
- 1.3 Bloque de misión/visión con imágenes.
- 1.4 Equipo con tarjetas de perfiles.
- 1.5 Footer.
EPISODE
- 1.1 Header.
- 1.2 Lista de episodios en rejilla, cada tarjeta con imagen, número, anfitrión, duración y botón.
- 1.3 Reproductor destacado.
- 1.4 Footer.
PRICING
- 1.1 Header.
- 1.2 Tabla comparativa de planes con botones de suscripción.
- 1.3 FAQs en acordeón.
- 1.4 Footer.
CONTACT
- 1.1 Header.
- 1.2 Formulario de contacto simple.
- 1.3 Mapa y datos de contacto.
- 1.4 Footer.
PROMPTS RELACIONADOS · EDUCATION
