NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia VOZVIVA, plataforma de podcasts, usando HTML, Tailwind CDN y JavaScript vanilla en un único archivo.
**Alcance**: replicar la estructura y estilo de la web analizada, sin copiar texto ni imágenes originales. Generar contenido propio en español (España), tipografía moderna (Inter para títulos, Open Sans para cuerpo), colores principales: #FF6673 (coral), #0C59F2 (azul vibrante), #1A1A1A (texto oscuro), #F5F5F5 (fondo claro), #FFFFFF (blanco).
**Header**: barra de navegación fija con logo SVG placeholder, enlaces: Inicio, Sobre nosotros, Episodios, Blog, Contacto. Dropdown “Escuchar en” con íconos de Spotify, Google Podcast, Apple Podcast (SVG placeholders). Botón hamburguesa para móvil.
**Hero**: sección a pantalla completa con animació
4.147 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.147 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 Navbar con logo, enlaces y dropdown.
- 2.1 Hero animado con título y subtítulo.
- 3.1 Último episodio destacado.
- 4.1 Bloque informativo “Sobre nosotros”.
- 5.1 Lista de episodios en grid.
- 6.1 Footer con formulario y enlaces.
ABOUT
- 1.1 Navbar reutilizado.
- 2.1 Hero interno con título.
- 3.1 Texto descriptivo y foto del equipo.
- 4.1 CTA a descubrir podcasts.
- 5.1 Footer.
EPISODES
- 1.1 Navbar.
- 2.1 Lista filtrable de episodios.
- 3.1 Cada episodio muestra categoría, imagen, título y botón “Escuchar”.
- 4.1 Paginación simple.
- 5.1 Footer.
BLOG
- 1.1 Navbar.
- 2.1 Grid de artículos con imágenes y extractos.
- 3.1 Enlaces a artículos completos.
- 4.1 Footer.
CONTACT
- 1.1 Navbar.
- 2.1 Formulario de contacto (nombre, email, mensaje).
- 3.1 Información de redes sociales.
- 4.1 Footer.
PROMPTS RELACIONADOS · BELLEZA / SPA
