NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de la plantilla analizada, usando solo Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: EcoSenda Podcast (ecosenda.com). Tema: podcast de negocio y diseño.
**Requisitos de estilo**
- Paleta de colores: #1A1A1A (fondo principal), #FFFFFF (texto principal), #FF6F61 (acentos), #4A4A4A (texto secundario), #F5F5F5 (fondos de secciones).
- Tipografía: "Inter" para títulos y párrafos, "Roboto Mono" para botones y elementos de código. Cargar fuentes desde Google Fonts.
- Uso de clases Tailwind para espaciamiento, tipografía, colores y flexbox/grid.
**Estructura**
1. **Header** (sticky, fondo #1A1A1A) con logo a la izquierda, menú de navegación (Episodes, About, Contact) a la derecha y u
4.012 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.012 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ú principal y dropdown de suscripción
- 1.2 Hero con título, subtítulo, botón de suscripción y enlaces a plataformas de audio
- 1.3 Sección de últimos episodios: cuadrícula de tarjetas con imagen, host, título y botón de reproducción
- 1.4 Sección de partners: cabecera y carrusel de logotipos de clientes
- 1.5 Footer con enlaces de navegación y redes sociales
EPISODES
- 2.1 Lista de episodios en formato tarjeta con imagen de fondo, información del host, título y botón reproducir
ABOUT
- 3.1 Texto descriptivo de la marca, foto del equipo y llamado a la acción
CONTACT
- 4.1 Formulario de contacto básico, datos de localización y enlaces a redes sociales
PROMPTS RELACIONADOS · BELLEZA / SPA
