NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en la estructura visual de un portal de podcasts de diseño. Usa la marca ficticia **Voz Alba** (dominio vozalba.com, claim "Conversaciones que inspiran el diseño cotidiano", email hola@vozalba.com, año 2026). Tecnologías: HTML5 + Tailwind CSS CDN + JavaScript vanilla en un único archivo.
**Paleta de colores**:
- #1A202C (gris oscuro, fondo principal)
- #2D3748 (gris medio, tarjetas)
- #F7FAFC (blanco roto, contenido)
- #E53E3E (rojo vibrante, botones primarios)
- #4299E1 (azul pastel, enlaces y hover)
**Tipografía**:
- Heading: 'Inter', peso 700, sans-serif
- Body: 'Inter', peso 400, sans-serif
**Header**: barra fija con logo textual "EcoSonido" en rojo #E53E3E, menú hamburguesa animado (svg simple) para móvil, enlaces de navegación horizon
4.040 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.040 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 Navbar con logo, menú hamburguesa y enlaces de navegación
- 1.2 Hero con título, subtítulo, botones de plataformas y foto de fondo
- 1.3 Últimos episodios (grid 3 columnas) – tarjeta con imagen, título, párrafo y botón
- 1.4 Episodios populares (grid 2 columnas) – tarjeta con imagen, título, párrafo y botón
- 1.5 Footer con copyright, enlaces y redes
EPISODES
- 2.1 Lista de episodios (grid) con filtro y paginación
- 2.2 Detalle de episodio – reproductor, descripción, notas y CTA de suscripción
ABOUT
- 3.1 Información de la marca, misión y equipo
- 3.2 Imagen ilustrativa y bloque de testimonios
CONTACT
- 4.1 Formulario de contacto simple (nombre, email, mensaje) y mapa embebido
- 4.2 Enlaces de redes sociales y datos de contacto
PROMPTS RELACIONADOS · PODCAST
