NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca **Academia Lúmina**, agencia digital ficticia, usando **HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo**. Replicar la estructura y estilo del template analizado sin copiar texto ni imágenes.
**Paleta de colores**: fondo principal #0A0A0A (negro casi), acento #FF6F61 (coral vibrante), textos primarios #F5F5F5 (gris muy claro) y secundarios #CCCCCC.
**Tipografía**: "Inter" (sans‑serif) para cuerpo y "Playfair Display" para encabezados, cargadas desde Google Fonts.
**Header**: barra de navegación fija, logo (texto "Lúmina" con estilo SVG imaginario), enlaces Home, Sobre nosotros, Servicios, Proyectos, Testimonios, Contacto y botón CTA "Iniciar proyecto" con borde y relleno coral. Menú responsive con icono hamburguesa.
**Preloader**
4.535 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.535 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 logo y barra de carga
- 1.2 Navbar fijo con logo, enlaces y botón CTA
- 1.3 Hero con fondo multimedia, título, subtítulo y galería lateral
- 1.4 About us con etiqueta, título, párrafo y fotos decorativas
- 1.5 Services con fondo artístico, etiqueta, título rotativo y lista de servicios
- 1.6 Projects (galería de proyectos)
- 1.7 Testimonial con citas
- 1.8 Footer con datos de contacto y redes
ABOUT
- 2.1 Encabezado de sección y descripción ampliada
- 2.2 Imagen izquierda y derecha en disposición asimétrica
SERVICES
- 3.1 Etiqueta de sección y título destacado
- 3.2 Imagen de fondo con superposición
- 3.3 Lista de servicios animados en círculo
PROJECTS
- 4.1 Cuadrícula de tarjetas de proyecto con hover
- 4.2 Filtros de categoría
TESTIMONIAL
- 5.1 Slider de testimonios con foto y cita
FOOTER
- 6.1 Información de contacto, enlaces rápidos y redes sociales
PROMPTS RELACIONADOS · EDUCATION
