NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web ficticia para la marca EcoSonar (podsiton de entrevistas y reflexiones culturales) usando HTML único con TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #1A1A1A (fondo oscuro), #F5F5F5 (texto claro), #FF6F61 (acento), #4A90E2 (botones), #EAEAEA (bordes). Tipografía: "Inter" para cuerpo y "Playfair Display" para headings, ambas cargadas desde Google Fonts.
Estructura del sitio (stack HTML+Tailwind+JS):
- Header fijo con logo "EcoSonar", tagline "Conversaciones que resuenan", y menú hamburguesa que muestra enlaces a #episodes, #about, #stats, #testimonials. El menú abre/cierra con JS toggle añadiendo clase "hidden".
- HERO (sección 1.1): contenedor full‑screen con fondo de imagen difuminada, overlay oscuro (bg‑black/60). Text
4.185 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.185 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 tagline, subtexto y botón de plataforma favorita
- 2.1 Grid de episodios con imagen, número, título y botón de reproducción
- 3.1 Bloque de métricas mensuales (oyentes, episodios, botón trending)
- 4.1 Sección "Sobre mí" con título, párrafos breves y fotos intercaladas
- 5.1 Testimonios en pestañas con imagen y cita
EPISODIOS
- 1.1 Lista de todos los episodios (plantilla reutilizable del bloque de episodio)
ABOUT
- 1.1 Texto descriptivo y foto de la creadora
ESTADÍSTICAS
- 1.1 Detalle de oyentes, episodios, botón de tendencia
TESTIMONIOS
- 1.1 Pestañas con reseñas de oyentes
PROMPTS RELACIONADOS · PODCAST
