NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML + Tailwind CSS CDN + JavaScript vanilla) para la marca ficticia Taller Vega. Utiliza una paleta de colores basada en un degradado de #6C5CE7 (violeta) a #00CEC9 (turquesa) y complementa con tonos neutros #FFFFFF y #F5F5F5. Tipografía principal: Inter (Google Fonts), peso 400‑700.
Estructura y componentes:
- **Header (navbar)**: barra fija, fondo blanco, logo a la izquierda (texto EcoVoz), enlaces horizontales: Home, Episodes, About, Contact. A la derecha, botón dropdown "Listen now" con iconos y enlaces a Spotify, Apple Podcasts, Google Podcasts y Anchor. Menú colapsable en móvil.
- **Hero**: sección full‑width con fondo degradado primary-gradient, título grande (h1) "Conversaciones que conectan ideas", subtítulo descriptivo, bloque con
4.598 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.598 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 Barra de navegación fija con logo, enlaces principales y dropdown de plataformas de escucha
- 2.1 Hero principal con título, subtítulo, imagen del anfitrión y botones de escucha y saber más
- 3.1 Sección de episodio destacado con imagen, título, descripción y botón de reproducción
- 4.1 Lista de últimos episodios en grid, cada tarjeta con número, título, fecha y botón de reproducción
- 5.1 Filtros de categorías de episodios como enlaces con iconos
- 6.1 Bloque "Sobre el anfitrión" con texto descriptivo y foto lateral
- 7.1 CTA para escuchar en cualquier plataforma con botones de iconos
- 8.1 Footer con enlaces de páginas, redes sociales y derechos de autor
EPISODES
- 1.1 Lista completa de episodios con filtros por categoría, paginación y botón de reproducción en cada tarjeta
ABOUT
- 1.1 Información ampliada del anfitrión, biografía y enlaces a redes
CONTACT
- 1.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar
PROMPTS RELACIONADOS · GAMING / ESPORTS
