NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo con la marca ficticia "VozViva Studio" (vozviva.com). El objetivo es reproducir el diseño visual y la estructura de una plantilla Webflow para podcasts y tienda online, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
**Stack**: HTML5, TailwindCSS (v3) vía CDN, script interno para interacciones (menú móvil, preloader, contador, carrito ficticio). No usar frameworks ni dependencias externas.
**Paleta de colores**:
- #0A0A0A (negro profundo) – fondo principal y texto oscuro
- #FFFFFF (blanco) – texto principal y fondos claros
- #00C853 (verde lima) – botones primarios y acentos
- #2196F3 (azul) – iconos y hover de menú
- #F5F5F5 (gris muy claro) – fondos de secciones y tarjetas
**Tipografía**: Inter (sans-serif) para cuerpo y títulos,
4.129 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.129 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 logo, menú dividido y carrito
- 1.2 Preloader animado
- 1.3 Hero con título, descripción y CTA
- 1.4 Galería de mockups en grid
- 1.5 Sección de productos destacados
- 1.6 Footer con información de contacto y legal
ABOUT
- 2.1 Cabecera (heredada)
- 2.2 Hero secundario con texto descriptivo
- 2.3 Equipo / historia en columnas
- 2.4 Footer
PODCAST
- 3.1 Cabecera
- 3.2 Lista de episodios en tarjetas
- 3.3 Reproductor embebido
- 3.4 Footer
STORE
- 4.1 Cabecera
- 4.2 Catálogo de productos en grid
- 4.3 Filtros y barra de búsqueda
- 4.4 Footer
CONTACT
- 5.1 Cabecera
- 5.2 Formulario de contacto simple
- 5.3 Mapa estático
- 5.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO