NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia ECO SONIDO STUDIO, una plataforma de podcasts. Usa HTML estático con Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Aplica la siguiente paleta de colores: #0A0A0A (negro profundo), #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: Inter para encabezados y cuerpo, peso 400‑700, tamaños responsive (h1 3rem, h2 2.25rem, p 1rem).
Estructura y componentes:
- **Header**: barra sticky con logotipo (svg mic+texto EcoSonido), menú horizontal (Inicio, Episodios, Blog, Sobre Nosotros, Hosts, Suscripción, Reseñas) y botón carrito (ícono). En móvil colapsa a hamburguesa.
- **Hero**: sección full‑width con fondo degradado azul‑gris, subtítulo con icono, título grande "Sumérgete en experi
3.767 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.767 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 Cabecera con barra de navegación, logotipo, menú y botón de carrito
- 1.2 Hero con subtítulo, título principal, descripción y botón ‘Explorar episodios’
- 1.3 Galería de presentadores con imágenes circulares
- 1.4 Slider de episodios recientes con miniaturas y títulos
- 1.5 Sección de reseñas con testimonios en tarjetas
- 1.6 Llamada a suscripción al newsletter
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
EPISODES
- 1.1 Lista de episodios con imagen, título, descripción corta y botón reproducir
- 1.2 Paginación inferior
ABOUT US
- 1.1 Texto descriptivo de la misión y visión con foto de fondo
- 1.2 Equipo de presentadores con tarjetas y enlaces a perfiles sociales
HOSTS
- 1.1 Grid de hosts con foto, nombre y biografía breve
SUBSCRIBE
- 1.1 Formulario de suscripción con campo email y botón ‘Unirme’
- 1.2 Beneficios de la suscripción en columnas
REVIEWS
- 1.1 Lista de reseñas de oyentes con avatar, nombre y comentario
CONTACT
- 1.1 Formulario de contacto con nombre, email, mensaje y botón enviar
- 1.2 Información de contacto y mapa incrustado
PROMPTS RELACIONADOS · FASHION
