NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lúmina Grimorio (agencia digital) usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La estructura debe reproducir los siguientes patrones visuales y de interacción observados:
- Paleta de colores: fondo principal #1A1A1A (gris casi negro), acentos #E5E5E5 (blanco), #FF5722 (naranja vibrante) y #00BCD4 (cian). Usa estas variables en Tailwind config vía `@layer utilities`.
- Tipografía: encabezados con "Inter" (font‑weight 700) y cuerpo con "Roboto" (400). Importa ambas desde Google Fonts.
- Header: barra de navegación fija con logo compuesto por letras separadas animadas, enlaces a Home, Portfolio, Solutions, Services, About, Studio, Contact y un botón CTA "Hire us" con ícono circular animado. Menú colapsa
4.044 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.044 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 Hero con encabezado principal y subtítulo
- 1.2 Botón "Explorar" y botón "Compra"
- 1.3 Botones de redes sociales flotantes
- 1.4 Preloader visible antes de cargar
- 1.5 Menú fullscreen activable con enlaces a secciones y lista de proyectos
- 1.6 Aside‑menu con ícono de hamburguesa
PORTFOLIO
- 2.1 Grid de proyectos con imágenes de portada
- 2.2 Títulos y enlaces a detalle de cada proyecto
SOLUTIONS
- 3.1 Sección informativa con iconos y texto descriptivo
SERVICES
- 4.1 Lista de servicios con tarjetas y botones de acción
ABOUT
- 5.1 Texto institucional y foto del equipo
STUDIO
- 6.1 Galería de imágenes del estudio
CONTACT
- 7.1 Formulario de contacto simple
- 7.2 Información de dirección y mapa integrado
- 7.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCATION
