NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **EcoSonido Media** (dominio ecosonido.com) que reproduzca el diseño visual y la estructura del ejemplo proporcionado, sin copiar texto ni imágenes originales. Usa **HTML único**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo.
**Paleta de colores** (extraída del original):
- Fondo principal: #111111
- Texto principal: #FFFFFF
- Destacados/links: #FF6600
- Fondo de tarjetas: #1A1A1A
- Borde/hover: #333333
**Tipografía**: Usa `Inter` para todo el texto (carga desde Google Fonts). Peso 400 para párrafos, 600 para encabezados y botones.
**Header / Navbar**:
- Barra fija con logo (texto "EcoSonido" en Inter Bold, color blanco).
- Botón “START LISTENING” a la izquierda que abre enlace externo ficticio.
- Enlaces de nav
5.095 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.095 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 Hero con título animado, botón CTA y mini‑galería de episodios
- 2.1 Slider de episodios con tarjetas horizontales, imagen, número, descripción y botón de escucha
- 3.1 Bloque About con presentación del host y breve texto
- 4.1 Bloque Find Me con iconos de plataformas y enlaces
- 5.1 Bloque CTA de suscripción con formulario de email
- 6.1 Footer con navegación secundaria, redes y contacto
EPISODES
- 1.1 Grid de tarjetas de episodios (reutilizable en slider)
- 1.2 Cada tarjeta contiene: imagen, nombre del invitado, fecha, número de episodio, título, breve descripción y botón "Escuchar".
ABOUT
- 1.1 Texto descriptivo del programa y foto del presentador
- 1.2 Lista de highlights o logros
PLATFORM
- 1.1 Icons y enlaces a plataformas de streaming (Spotify, Apple, Google)
- 1.2 Texto breve invitando a seguir en redes
CTA
- 1.1 Formulario de suscripción simple (campo email y botón)
- 1.2 Mensaje de agradecimiento tras envío
FOOTER
- 1.1 Logo y breve tagline
- 1.2 Links a secciones principales
- 1.3 Íconos de redes sociales
- 1.4 Información legal y contacto
PROMPTS RELACIONADOS · PODCAST
