NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio para **LunaViva Studio** (agencia digital) usando **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La página debe reproducir los siguientes bloques y comportamientos observados en la web original, sin copiar texto ni imágenes literal:
---
### Paleta de colores
- Fondo principal: #0A0A0A (negro profundo)
- Texto principal: #FFFFFF (blanco puro)
- Acentos: #4A90E2 (azul cian), #F5A623 (amarillo cálido), #E94E77 (rosa vibrante)
- Hover/active: #212121 (gris oscuro)
---
### Tipografía
- Fuente principal: **Inter** (sans-serif) – peso 400/500/600
- Fuente de encabezados: **Montserrat** – peso 700
- Importar ambas desde Google Fonts.
---
### Header (navbar)
- Barra fija con logo (texto "LunaViva" y un ícono abstracto). Usa SVG inlin
4.908 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.908 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 Preloader con animación de texto y logo
- 1.2 Navbar fijo con logo alternante (blanco/negro) y menú hamburguesa
- 1.3 Hero principal con texto superpuesto y animaciones de aparición
- 1.4 Slider de imágenes heroicas en bucle horizontal
- 1.5 Carrusel de logotipos de marcas colaboradoras
- 1.6 Bloque "Sobre nosotros" con encabezado, imagen grande y tarjetas de métricas
- 1.7 Footer con columnas de navegación, contacto y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Texto descriptivo de la agencia y misión
- 2.3 Galería de imágenes del equipo
- 2.4 Lista de valores y metodología
WORKS
- 3.1 Grid de proyectos con thumbnails y efecto hover
- 3.2 Filtro por categoría y carga dinámica
BLOG
- 4.1 Lista de artículos con imágenes destacadas y extractos
- 4.2 Sidebar con categorías y últimos posts
CONTACT US
- 5.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 5.2 Mapa integrado de ubicación
- 5.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
