NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Luna Vista" (agencia digital) usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del ejemplo analizado, sin copiar texto ni imágenes originales.
**Paleta de colores**
- #0A0A0A (negro profundo) – fondo principal
- #FFFFFF (blanco) – texto principal
- #F5F5F5 (gris claro) – secciones claras
- #1E40AF (azul índigo) – acentos, botones y hover
- #E5E7EB (gris neutro) – bordes y fondos secundarios
**Tipografía**
- Fuente principal: Inter, sans‑serif (weights 400, 500, 600, 700)
- Titulares en Inter Bold, cuerpo en Inter Regular.
**Header**
- Navbar fijo, altura 80px, fondo transparente que al hacer scroll se vuelve #0A0A0A con 0.9 opacity.
- Logo dual (versión negra y blanca) q
5.091 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.091 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 animado con logotipo desglosado
- 1.2 Navbar fija con logo dual y menú hamburguesa
- 1.3 Hero principal con texto fragmentado y subtítulo centrado
- 1.4 Slider horizontal de imágenes de proyecto
- 1.5 Carrusel de logos de partners
- 1.6 Bloque about‑us con título, imagen grande y contadores de métricas
- 1.7 Galería de trabajos en mosaico
- 1.8 Testimonios con fondo oscuro
- 1.9 Footer con información de contacto, enlaces y redes sociales
ABOUT US
- 2.1 Cabecera con título y párrafo descriptivo
- 2.2 Imagen a la izquierda y texto a la derecha
- 2.3 Lista de valores y procesos
- 2.4 Equipo con fotos y cargos
- 2.5 CTA para contactar
WORKS
- 3.1 Grid de proyectos con fotos y overlay de título
- 3.2 Filtro por categoría
- 3.3 Paginación simple
BLOG
- 4.1 Lista de artículos recientes con miniatura y extracto
- 4.2 Categorías laterales y barra de búsqueda
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa estático de ubicación
- 5.3 Información adicional de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
