NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Lúmina Growth" (agencia digital) usando exclusivamente HTML5, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. El proyecto debe reproducir fielmente la arquitectura visual del sitio analizado, sin copiar textos ni imágenes, generando contenido original en español de España.
## Paleta de colores
- Primario: #1E3A8A (azul profundo)
- Secundario: #F59E0B (ámbar vibrante)
- Texto principal: #111827 (gris muy oscuro)
- Texto secundario: #6B7280 (gris medio)
- Fondo: #FFFFFF
- Fondo alterno: #F9FAFB
## Tipografía
- Fuente principal: "Inter", sans-serif (cargada desde Google Fonts)
- Fuente secundaria (para destacados): "Playfair Display", serif
## Estructura global
- `<header>` con clase `fixed w-full bg-white shadow` que contiene
4.937 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.937 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 Barra de navegación fija con logo y menú hamburguesa
- 1.2 Hero principal con título destacado, subtítulo y llamado a la acción circular
- 1.3 Bloque de servicios en tres columnas con iconos animados
- 1.4 Grid de proyectos destacados con imágenes y overlay
- 1.5 Sección de testimonios en carrusel simple
- 1.6 Llamado a la acción secundario con botón resaltado
- 1.7 Footer con enlaces rápidos, redes sociales y datos de contacto
ABOUT
- 2.1 Hero interno con título y breve descripción
- 2.2 Texto de historia con imagen al lado
- 2.3 Valores de la agencia en tarjetas
- 2.4 Equipo con tarjetas de perfil
- 2.5 Footer replicado
SERVICES
- 3.1 Hero interno con título de servicios
- 3.2 Lista de servicios en bloques con iconos y descripciones
- 3.3 Proceso de trabajo en pasos numerados
- 3.4 CTA final
- 3.5 Footer replicado
WORK
- 4.1 Hero interno con título de portfolio
- 4.2 Grid de proyectos con filtros por categoría
- 4.3 Modal de detalle de proyecto (placeholder)
- 4.4 CTA para contactar
- 4.5 Footer replicado
CONTACT
- 5.1 Hero interno con título de contacto
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa embebido (placeholder)
- 5.4 Información de contacto directo
- 5.5 Footer replicado
PROMPTS RELACIONADOS · AGENCIA DIGITAL
