NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "VivaStream" (vivastream.com) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes del original.
---
**Paleta de colores** (extraída del original):
- #0d0d0d (casi negro, fondo principal)
- #ffffff (blanco, texto principal)
- #ff4d4d (rojo vibrante, acentos y botones)
- #f5f5f5 (gris claro, fondos de secciones)
- #222222 (gris oscuro, textos secundarios)
**Tipografía**: Inter (Google Fonts) para encabezados y cuerpo, peso 400‑700.
**Header**
- Logo a la izquierda (usar placeholder SVG <svg class='w-8 h-8 text-red-500'...>)
- Menú principal con items: Inicio, Servicios, Proyectos, Blog, Contacto.
- Cada
4.986 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.986 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ú mega‑dropdown y enlaces sociales
- 1.2 Hero con video de fondo, título y descripción
- 1.3 Sección de Servicios (cuatro columnas, subtítulo, título animado, botón circular)
- 1.4 Footer con enlaces a páginas principales y redes sociales
ABOUT US
- 1.1 Header reutilizado
- 1.2 Bloque de introducción con imagen y texto
- 1.3 Equipo con tarjetas de perfil
- 1.4 Valores / misión en cuadrícula
- 1.5 Footer
WORKS
- 1.1 Header reutilizado
- 1.2 Galería de proyectos en rejilla responsiva
- 1.3 Filtro por categorías
- 1.4 Detalle de proyecto con video y descripción
- 1.5 Footer
BLOG
- 1.1 Header reutilizado
- 1.2 Lista de artículos con miniaturas y extractos
- 1.3 Sidebar con categorías y búsqueda
- 1.4 Paginación
- 1.5 Footer
CONTACT US
- 1.1 Header reutilizado
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes
- 1.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
