NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lumina Agencia" (luminaagencia.com), sector consultoría de marketing digital. Usa sólo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**: #1a1a1a (fondo principal), #ffffff (texto), #ff6f61 (acentos y botones), #e0e0e0 (bordes y fondos secundarios), #2a2a2a (elementos de navegación).
**Tipografía**: "Inter" para textos y "Playfair Display" para títulos (cargar desde Google Fonts).
**Estructura**:
- **Header** fijo con logo animado (video loops de 3 s, sin sonido, autoplay, muted), barra de navegación con enlaces Home, About, Cases, Services, Contact y bloque de iconos sociales (Instagram, X, LinkedIn, Facebook). Menú hamburguesa con 9 puntos estilo "dot grid" para móvil.
- **Hero**: se
3.773 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.773 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 hero con video de fondo, logo animado y llamada principal
- 1.2 Barra de navegación fija con enlaces a Home, About, Cases, Services, Contact y redes sociales
- 1.3 Sección de introducción con subtítulo, título destacado y breve descripción
- 1.4 Cuadrícula de servicios (icono + título + texto breve)
- 1.5 Portafolio de casos: tarjetas con imagen, título y descripción corta
- 1.6 Testimonios en carrusel horizontal
- 1.7 Llamada a la acción para solicitar presupuesto
- 1.8 Footer con información de contacto, enlaces rápidos y iconos sociales
ABOUT
- 2.1 Título y descripción de la agencia
- 2.2 Equipo: tarjetas con foto, nombre y rol
- 2.3 Valores y misión
- 2.4 CTA a contacto
CASE-STUDIES
- 3.1 Grid de proyectos con filtros por categoría
- 3.2 Cada proyecto muestra imagen, título, resumen y botón Ver detalle
- 3.3 Paginación simple
SERVICES
- 4.1 Lista de servicios con iconos y descripciones detalladas
- 4.2 Sección de precios o paquetes (opcional, sin cifras concretas)
- 4.3 CTA de contratación
CONTACT
- 5.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 5.2 Mapa incrustado y datos de localización
- 5.3 Información de teléfono y correo
- 5.4 Enlaces a redes sociales
FOOTER (presente en todas las páginas)
- 6.1 Logo pequeño y breve descripción
- 6.2 Enlaces a secciones principales
- 6.3 Iconos de redes sociales
- 6.4 Derechos de autor y enlace a política de privacidad
PROMPTS RELACIONADOS · EDUCATION
